Sari la conținut

Proiect open-source independent. Domeniul oficial este sistem.digital.

Sistem DigitalCatalog versionatsistem.digital
Meniu

Catalog · Formulare

Control segmentat

Grup de radio-uri stilizat ca alegere exclusivă compactă, fără JavaScript.

AlphaComponentăFormulare

Preview și markup canonic

Previzualizarea de mai jos redă exact șirul HTML afișat în exemplul de cod. Nu există o implementare paralelă pentru documentație.

Previzualizare din markup-ul canonic
Vizualizare

Instalare și importuri

pnpm add @sistem-digital/tokens @sistem-digital/components
Import CSS
@import '@sistem-digital/components/forms.css';
Markup canonic
<fieldset class="sd-segmented-control"><legend class="sd-visually-hidden">Vizualizare</legend><label class="sd-segmented-control__option"><input class="sd-segmented-control__input" type="radio" name="catalog-view" value="list" checked><span class="sd-segmented-control__label">Listă</span></label><label class="sd-segmented-control__option"><input class="sd-segmented-control__input" type="radio" name="catalog-view" value="grid"><span class="sd-segmented-control__label">Grilă</span></label></fieldset>

Contract și surse

Schimbarea claselor publice, a markup-ului canonic sau a comportamentului helperelor necesită versionare și instrucțiuni de migrare.

A fost utilă această pagină?

Linkul deschide un formular GitHub precompletat. Nu transmitem nimic până când alegi să publici feedback-ul și îți recomandăm să nu incluzi date personale.