Gå til hovedinnhold
KOMPONENTER

MediaCard

npmv1.8.3

MediaCard er en skyggefull boks som gir et kort sammendrag av innnhold og som støtter video, bilde eller grafikk for å forsterke innholdet.

Komponenter

MediaCard

NavnTypePåkrevd?Default-verdiBeskrivelse
as"symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | ... 160 more ... 'a'

HTML-elementet eller React-komponenten som lager bunnen (under media) av MediaCard

titlestring | ComponentProps<E>[string]

Tittelen/teksten som står i CardBox

descriptionstring | number | boolean | {} | ReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)> | ... 4 more ...

Teksten under tittelen i MediaCard

categorystring | ComponentProps<E>[string]

Kategori (eller lignende) som vises over tittelen

classNamestring | ComponentProps<E>[string]

Ekstra klassenavn

childrenstring | number | boolean | {} | ReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)> | ... 4 more ...

Det du skulle ønske som media (f.eks. bilder eller video)

Retningslinjer for bruk

Card Media er en skyggefull boks som viser innhold og handling om et emne. I motsetnings til et vanlig Card, kan Card Media inneholde video, bilde og grafikk for å forsterke innholdet. Card Media gir et kort sammendrag av innholdet, og lenker videre til en ny side med ytterligere detaljer. Den skal være enkel å skanne etter relevant informasjon.

Card Media kan for eksempel brukes som navigasjon til en artikkel eller bloggpost. Komponenten skal ha en beskrivende tekst under tittelen. Teksten bør være kort og konsis, på max 3 linjer.

Rediger denne siden på Bitbucket