(Card body) (card_body)

Internal: to be used in the 'Card' component.

🔗 External documentation.

                        type: integer
enum:
    - 2
    - 3
    - 4
    - 5
    - 6

                      

            id: card_body
label: '(Card body)'
description: "Internal: to be used in the 'Card' component."
group: Card
homepage: 'https://getbootstrap.com/docs/5.3/components/card/'
slots:
    title:
        id: title
        label: Title
        description: 'Card title. Plain text.'
    subtitle:
        id: subtitle
        label: Subtitle
        description: 'Card subtitle. Plain text.'
    text:
        id: text
        label: Text
        description: 'Card text. Plain text.'
    content:
        id: content
        label: Content
        description: 'Free content outside of any wrapper.'
    links:
        id: links
        label: Links
        description: 'Array of link elements'
props:
    heading_level:
        id: heading_level
        label: 'Heading level'
        schema:
            type: integer
            enum:
                - 2
                - 3
                - 4
                - 5
                - 6
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': card_body
            title: 'Card title'
            subtitle: 'Card subtitle'
            text: 'Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.'
            content:
                '@component': button
                '@variant': primary
                label: 'Go somewhere'
            links:
                -
                    '@element': a
                    '@content': 'Card link'
                    href: '#'
                -
                    '@element': a
                    '@content': 'Another link'
                    href: '#'
            heading_level: 5