Eingabefelder

Plan radio list

Eine vertikale Liste mit Radiooptionen, die für die Auswahl eines Preisplans gestaltet sind. Ein ausgefüllter Punkt markiert die aktuelle Auswahl.

Choose your plan

Switch or cancel whenever. Prices in USD.

MonthlyBilled every month, cancel anytime$12/mo

YearlyTwo months free versus monthly$96/yr

LifetimeOne payment, every future update$349

EnterpriseSSO, audit log, invoicingCustom

Plan radio list verwenden

Eine vertikale Liste mit Radiooptionen, die für die Auswahl eines Preisplans gestaltet sind. Ein ausgefüllter Punkt markiert die aktuelle Auswahl.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: accent, defaultPlan

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1951Dot radio listEingabefelderEine vertikale Liste von Radiooptionen mit kreisförmigen Indikatoren, wobei die Auswahl einer Option mit einem Punkt gefüllt und der Rest gelöscht wird.

2797Labeled radio groupEingabefelderEine kompakte vertikale Gruppe von Radiooptionen mit jeweils einer Inline-Textbeschriftung für eine einzelne Einstellungsauswahl.

2033Preference checklistEingabefelderEin Stapel beschrifteter Präferenzzeilen, jede mit einem eigenen Kontrollkästchen mit Akzentfarbe, das unabhängig voneinander ein Häkchen ausfüllt und zeichnet.

2023Radio dot selectEingabefelderEine vertikale Optionsgruppe, bei der durch Auswahl einer Option ein Punkt in den Kreis eingefügt wird, während der vorherige Punkt kleiner wird und verschwindet.

2050Spring dot radio groupEingabefelderEine Radiogruppe, deren ausgewählter Punkt mit einem kleinen Überschwinger einspringt, während der vorherige Punkt kleiner wird und sich kreuzt, anstatt einzurasten.

2297Addon Input GroupEingabefelderEin Textfeld, das von einer umrandeten Hülle umgeben ist, die ein führendes Symbol, eine nachgestellte Schaltfläche oder Text enthalten kann und einen gemeinsamen Fokusring für die gesamte Gruppe aufweist.