RuleRow

Reguła instrukcji z przełącznikiem „zawsze stosuj”, informacją, kiedy obowiązuje, wzorcem pliku i opisem. Wybierz ją dla reguł agenta albo edytora.

RuleRow

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: RuleRow

Commit styleAlwaysWrite commit messages in English with Conventional Commits and no trailers.

TypeScriptFor matching filessrc/**/*.{ts,tsx}Strict types, no any, imports with the .js extension.

TestsWhen relevantNo description

Noc, podgląd: RuleRow

Commit styleAlwaysWrite commit messages in English with Conventional Commits and no trailers.

TypeScriptFor matching filessrc/**/*.{ts,tsx}Strict types, no any, imports with the .js extension.

TestsWhen relevantNo description

Wysoki kontrast, podgląd: RuleRow

Commit styleAlwaysWrite commit messages in English with Conventional Commits and no trailers.

TypeScriptFor matching filessrc/**/*.{ts,tsx}Strict types, no any, imports with the .js extension.

TestsWhen relevantNo description

UżycieLink do sekcji Użycie

tsx

import { RuleRow } from '@skribly/ui/ops'

tsx

<RuleRow id={rule.file} title={rule.name} mode={t(`rules.mode.${mode}`)} pattern={rule.globs}
  description={rule.description} emptyDescription={t('rules.noDescription')}
  isActive={rule.alwaysApply} onActiveChange={(on) => toggle(rule, on)} switchLabel={t('rules.always', { name: rule.name })} />

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

Przełącznik jest nazwany regułą.
Tryb jest słowem w plakietce, wyróżnionym akcentem, gdy jest aktywny.
Brakujący opis pokazuje się jako słowa kursywą, a nie pusta przerwa.
Wzorce zawijają się w dowolnym miejscu, więc wiersz nigdy nie przewija się na boki.

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