SettingsSection

Blok ekranu ustawień z tytułem. Wiersze w środku są rozdzielone linią; wyłącz framed, aby pod nagłówkiem umieścić własne karty.

SettingsSection

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: SettingsSection

Git accounts

Hosts the agents push to and read activity from.

Default branch

Used when a project has none.

Branch name

Remove all accounts

Tokens are deleted from this device.

Noc, podgląd: SettingsSection

Git accounts

Hosts the agents push to and read activity from.

Default branch

Used when a project has none.

Branch name

Remove all accounts

Tokens are deleted from this device.

Wysoki kontrast, podgląd: SettingsSection

Git accounts

Hosts the agents push to and read activity from.

Default branch

Used when a project has none.

Branch name

Remove all accounts

Tokens are deleted from this device.

UżycieLink do sekcji Użycie

tsx

import { SettingsSection } from '@skribly/ui/surfaces'

tsx

<SettingsSection
  title="Git accounts"
  description="Hosts the agents push to."
  actions={<Button size="sm">Connect</Button>}
>
  <SettingRow … />
</SettingsSection>

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

Region nazwany swoim nagłówkiem i opisany swoim opisem.
Poziom nagłówka wybierz przez level.
Wiersze zachowują własne etykiety: sekcja nigdy nie przejmuje nazwy kontrolki.

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