Card

Example

Header

Card content

Footer outside

Code

<asahi-card color="red">
  <div slot="header">
    Header
  </div>
  <img class="w-100" slot="image" src="https://picsum.photos/id/102/200" alt="lorem picsum">
  Card content
  <div slot="footer">
    Footer outside
  </div>
</asahi-card>

Props

• image?: string - image url, can also be used image slot to override
• tags?: Array<{id: any, label: string, color: string}> - array of tags under content slot, can also be used tags slot to override
• footer?: string - content of footer, can also be used footer slot to override
• border-radius?: 0 - switch off border radius
• indent?: 0 | 2 | 3 | 4 - content padding

More examples

Examples of Prazdroj Portal cards

Pilsner Urquell Helped People In Needs

Požadované Dodání

20.10.2020

Očekávané Dodání

—

Cena Celkem

459 450 Kč

Č. Objednávky Zákazníka

2901236579