MenuLabel

Grupa wierszy menu z etykietą i linią oddzielającą przed nią. Grupa może mieć własny wybór, na przykład jeden tryb motywu obok zwykłych akcji.

MenuLabel

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: MenuLabel

Noc, podgląd: MenuLabel

Wysoki kontrast, podgląd: MenuLabel

UżycieLink do sekcji Użycie

tsx

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

tsx

<MenuLabel label="Theme mode" selectionMode="single" selectedKeys={mode} onSelectionChange={setMode}>
  <MenuCheckItem id="light">Light</MenuCheckItem>
  <MenuCheckItem id="dark">Dark</MenuCheckItem>
</MenuLabel>

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ść

Grupa ma role="group" i jest nazwana swoją widoczną etykietą, więc czytnik ekranu przy wejściu mówi „Theme mode, grupa”.

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