MenuCheckItem

Wiersz menu, który można zaznaczyć, do ustawień widoku, takich jak widoczne kolumny. Potrzebuje selectionMode na menu albo na jego grupie MenuLabel.

MenuCheckItem

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

Dzień, podgląd: MenuCheckItem

2 columns shown

Noc, podgląd: MenuCheckItem

2 columns shown

Wysoki kontrast, podgląd: MenuCheckItem

2 columns shown

UżycieLink do sekcji Użycie

tsx

import { MenuCheckItem } from '@skribly/ui/overlays'

tsx

<DropdownMenu trigger={<Button>Columns</Button>} selectionMode="multiple" selectedKeys={keys} onSelectionChange={setKeys}>
  <MenuCheckItem id="title">Title</MenuCheckItem>
  <MenuCheckItem id="owner">Owner</MenuCheckItem>
</DropdownMenu>

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

DostępnośćLink do sekcji Dostępność

Wybór wielokrotny daje wiersze menuitemcheckbox, pojedynczy menuitemradio, każdy z aria-checked.
Zaznaczone wiersze pokazują znacznik albo kropkę i pogrubiony tekst, nigdy tylko kolor.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.