Campaign Card
4.1.1
A description of this component is work in progress.
| Namn | Typ | Beskrivning |
|---|---|---|
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 | 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 | "h2" |
"h3" |
"h4" |
"h1" |
"p" |
"span" | Primary text variant |
secondaryText | string | Optional secondary text displayed below the primary text. |
npm install @sj-ab/component-library.ui.campaign-cardText 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.