• Start
  • Blogg
  • Kom igång
  • Riktlinjer
  • Komponenter
  • Changelog
  • Tillgänglighet
  • Statistik
  • Inställningar

Komponenter

Komponenter

​
​

Inga resultat hittade, prova med andra sökvillkor.

Campaign Card

Campaign Card

4.3.2

A description of this component is work in progress.

Demo
Props
Installation
Länkar
Tillgänglighet
Change log
Statistik

Demo

Props

Se fullständing dokumentation(öppnas i ny flik)
NamnTypBeskrivning

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

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

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

secondaryText

stringOptional secondary text displayed below the primary text.

Installation

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

Länkar

  • Storybook

  • Figma

  • Bit.cloud

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

  • Updated design token colors

    4.3.0
  • Upgrade to React 19

    4.2.0

Statistik