Komponenter
Kort
Primitive kort
Primitive kort brukes aldri direkte. De er byggeklossene for sammensatte kort.
Default
CardTitle, CardAction og CardDescription ligger inne i en CardHeader grid.
Default med CardRow
Primitivt rad-skjelett: leading · body · trailing. Ingen oppførsel — rad-kort bygger på dette inni <Card><CardContent>.
leading · body · trailing
Varianter
Fargekoding av primitive kort.
Sammensatte kort
SectionCard
Seksjonskort med valgfri eyebrow, tittel, handling og innhold.
Om stevnet
Med eyebrow, tittel, handling og innhold.
Uten eyebrow eller handling — bare tittel og innhold.
SelectCard
Valgbar rad (tastaturstyrt: Enter/mellomrom). To reelle bruk i dag: aktivitetsvalget og avbestillingsforsikring. Eksemplene under speiler nettopp de to, pluss et stresstilfelle for lang tittel.
Aktivitet
Tittel = øvelse + øvelsestagger. Klasse (strong) og klassetagger/stilart (subtle) som chips. Dato/tid, pris som piller — liten ordinær-pille + stor grønn medlemspille (den man faktisk betaler). children = utvidet brødtekst når valgt.
Avbestillingsforsikring
Uten dato/tid. meta = blurb, chips = leverandør-innhold (ikke en Badge), én pris — stor lilla pille (ingen etikett).
Lang tittel (stresstilfelle)
Avledede aktivitetstitler kan bli lange. Sjekk at tittel og mange chips brytes pent.
CounterCard
Produktrad: navn, pris og valgfri påkrevd-etikett plassert som i SelectCard, med en antallskontroll i trailing. Valgt tilstand (antall > 0) får subtle-tonen. children gir en utvidet brødtekst under raden — f.eks. et spørsmålsfelt.
Lunsjpakke
75,-
Lunsjpakke
75,-
Startkontingent
200,-
Lunsjpakke
75,-
RadioCard
Radiokort: ett valg i en gruppe der nøyaktig ett er valgt. Plasseres inni en RadioGroup som eier value/onValueChange. Valgt kort får subtle-tonen.
NavCard
Navigasjonskort: trykk for å gå videre. Leading ikon-flis, tittel, undertittel og en pil til høyre. Tastaturstyrt (Enter/mellomrom).
InfoCard
Skrivebeskyttet faktapanel: rader med etikett (normal) og verdi (semibold), skilt av en linje. Verdi '-' før valg.
Navn
Kamilla Gran Andersen
Fødselsdato
23.09.1996
Navn
-
Fødselsdato
-
EntityCard
Avatar, navn, undertekst, totalsum, en skillelinje, linjeposter og handlinger.
MediaCard
Lukket, prop-drevet kort med bilde øverst, valgfritt overlegg, arrangør, tittel, meta-rader og handlinger. Domenefri ramme — f.eks. for arrangementskort.