Vklass V2 designkomponenter

Visuell referens för komponenter, statusar och layouter i Vklass V2-mockups.

Knappar

Formulär

Checkbox och radio

Tabell

ID Namn Klass Status Senast aktiv Åtgärder
V2-001 Alva Lind 7A Aktiv Idag 09:12
V2-002 Elias Holm 7A Väntar Igår 15:04
V2-003 Noor Andersson 8B Ny Idag 11:26
V2-004 Oscar Berg 8B Kräver åtgärd Mån 13:45
V2-005 Sara Nilsson 9C Neutral Fre 08:30
V2-006 Viktor Ek 9C Klar Idag 10:18

Badges/status

Success Warning Danger Info Neutral

Kort

Översikt

Samlad yta för kort information och tydlig nästa åtgärd.

Status

Visar en avgränsad status eller sammanfattning i dashboard-liknande vyer.

Hjälptext

Stöd för kort guidning utan att lämna aktuell arbetsyta.

Alert/notis

Detta är en informationsnotis för designreferensen. Använd den för korta, relevanta meddelanden i Vklass V2-vyer.

Tabs

Aktiv flik visar innehåll med diskret V2-markering.