Component gallery

Vizuální ověření komponent proti design-system/*.md. Breakpoint S (mobile baseline, 390px).

Známé problémy ve zdroji — reprodukované věrně, ne opravené:

B1: Primary/Focus obrys má kontrast 1.54:1 vůči vlastnímu fillu.
B2: Primary/Hover je vizuálně identický s Default — žádná hover odezva.

Detaily v button.md → Known issues.

Button

Interakční stavy (Hover / Pressed / Focus) vyzkoušej myší a Tabem — nejsou tady vyrenderované jako statické vzorky, protože je řídí pseudo-classy. Focus je na :focus-visible, takže se objeví při Tabu, ne po kliknutí.

Primary — Default

Primary — Disabled

Primary — Answered (aplikační stav)

Secondary — Default

Secondary — Disabled

Secondary — Answered

Tertiary — Default / Disabled / Answered

Content-hug (bez ikon, krátký label)

Imperativní API — DD.createButton()

Button inline

Pilulka se objeví až v Hover / Pressed / Focus. Default a Disabled pozadí nemají. Podklad je jen ověřovací pomůcka.

Typografie — breakpoint S

Všechny styly používají Family Primary (Poppins). Styl Tech používá Roboto Mono.

H1 40/48

H2 36/44

H3 28/36

H4 22/30

H5 20/26

H5 alt (500) 20/26

Perex 20/32

Body1 18/26

Body2 16/22 — první odstavec.

Body2 16/22 — druhý odstavec, mezi nimi 14px paragraph spacing.

Body3 14/18

Body4 12/18

Tech 24/36

Barvy

colors.md, Mode: Light. Vynechána @obsolete skupina a Tech placeholder.

--highlight

--content

--user-bcg

--user-bcg-dark

--user-outline

--blue-light

--blue

--blue-dark

--disabled-light

--disabled

--disabled-dark

--positive

--warning

--negative

← Zpět na rozcestník