Campaign Card

4.1.0

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Demo

NamnTypBeskrivning

backgroundColor

"none" | "hostlov" | "ang" | "bark" | "granit" | "gras" | "himmel" | "lov" | "lov451" | "morkHimmel" | "morkHimmel451" | "mossa" | "raps" | "rosa" | "sand" | "sno" | "svart" | "svart4Procent" | "svart6Procent" | "varning" | "vit"Background color

border

booleanIf the card has a border. Default true for white background color

cardRatio

numberCard aspect ratio

ImageProps

ImagePropsProps for optional card image

isLoading

booleanIf true, a loading skeleton will be rendered instead of the component.

primaryText *

stringPrimary text string

primaryTextElementType

"h2" | "h3" | "h4" | "h1" | "p" | "span"Primary text variant

secondaryText

stringOptional secondary text displayed below the primary text.

Installation

npm install @sj-ab/component-library.ui.campaign-card

Länkar

Tillgänglighet

Text mot bild

Om du använder CampaignCard med bildbakgrund så måste du se till att texten är läsbar mot bakgrunden och har tillräckliga kontraster.

Välj bild med omsorg så att den fungerar i alla olika storlekar och skärmbredder som komponenten kan tänkas visas i.

Change log

Statistik