← Tilbage til UI-komponentoversigt

Buttons — Forhåndsvisning

Komponentsider til verifikation af både Button BG-Blur og Button Solid.

ButtonBGBlur — Matrix (BOMA-8)

Denne overflade viser alle 3 farver × 2 størrelser × 3 design-states over et medie-baggrundslag. Kolonnen “Interaktiv” bruges til at teste live-overgange: hover ( 300ms) og press ( 100ms).

Størrelse: large

FarvedefaulthoverpressedInteraktiv
green-a
blue-a
red-a

Størrelse: small

FarvedefaulthoverpressedInteraktiv
green-a
blue-a
red-a

Interaktiv animationstest (video-lignende baggrund)

green-a
blue-a
red-a

PlayButton — Matrix (BOMA-9)

Bruges kun til video-start. Tabellen viser de to design-tilstande og en interaktiv version, alle over faktisk videoindhold så blur og opacitet kan valideres i kontekst.

defaulthoverInteraktiv
default
hover
hover test

ButtonSolid — størrelse: large

FarveDefaultHoverDeaktiveret
green-d
blue-d
red-d
green-a
blue-a
red-a

ButtonSolid — størrelse: small

FarveDefaultHoverDeaktiveret
green-d
blue-d
red-d
green-a
blue-a
red-a