Campaign Card
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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-card
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.