CardView

Źródło: views/CardView.js

CardView

Widok karty z tytułem i zawartością zgodny z Bootstrap Card.

Schema

type: card
title: Tytuł karty
content: []
footer: Stopka karty

Parametry

type - Typ widoku: "card"
title - Tytuł karty (string, obiekt widoku lub tablica widoków)
content - Zawartość karty (string, obiekt widoku lub tablica widoków)
footer - Stopka karty (string, obiekt widoku lub tablica widoków)
padding - Gęstość zawartości: sm, md, lg (opcjonalne)
shadow - Cień karty: none, sm, md, lg (opcjonalne)
borderless - Karta bez obramowania (opcjonalne)

Przykłady użycia

Karta z prostą zawartością

type: card
title: Informacje o zamówieniu
content:
  - type: text
    content: "Numer zamówienia: 12345"
  - type: button
    label: Szczegóły
    variant: primary

Karta z widokiem w tytule

type: card
title:
  type: html
  content: "<strong>Tytuł HTML</strong>"
content:
  type: text
  content: Pojedyncza zawartość

Karta z tablicą widoków w tytule

type: card
title:
  - type: text
    content: "Zamówienie #12345"
  - type: badge
    content: Nowe
    color: primary
    light: true
content:
  - type: text
    content: Szczegóły zamówienia

Karta ze stopką

type: card
title: "Zamówienie #12345"
content:
  - type: text
    content: Szczegóły zamówienia
footer:
  - type: button
    label: Zapisz
    variant: primary
  - type: button
    label: Anuluj
    variant: secondary