Campaign Card
4.3.2
A description of this component is work in progress.
Namn | Typ | Beskrivning |
---|---|---|
backgroundColor | "none" |
"hostlov" |
"lov" |
"himmel" |
"raps" |
"gras" |
"ang" |
"granit" |
"lera" |
"lov451" |
"morkHimmel" |
"morkHimmel451" |
"mossa" |
"rosa" |
"sand" |
"sno" |
"svart" |
"svart4Procent" |
"svart6Procent" |
"svart8Procent" |
"varning" |
"vit" | Background color |
border | boolean | If the card has a border. Default true for white background color |
cardRatio | number | Card aspect ratio |
ImageProps | ImageProps | Props for optional card image |
isLoading | boolean | If true, a loading skeleton will be rendered instead of the component. |
primaryText * | string | Primary text string |
primaryTextElementType | "h1" |
"h2" |
"h3" |
"h4" |
"span" |
"p" | Primary text variant |
secondaryText | string | Optional secondary text displayed below the primary text. |
npm install @sj-ab/component-library.ui.campaign-card
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.