Accordion Button Card Carousel Dialog Dropdown Layout List group Navbar Navigation Navs and tabs Others Toast Typography

(Carousel Item) (carousel_item)

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

🔗 External documentation.

ID Label Description Schema
image Image The image of the item.
caption Caption The caption of the item. 
            id: carousel_item
label: '(Carousel Item)'
description: "Internal: to be used in the 'Carousel' component."
group: Carousel
homepage: 'https://getbootstrap.com/docs/5.3/components/carousel/'
slots:
    image:
        id: image
        label: Image
        description: 'The image of the item.'
    caption:
        id: caption
        label: Caption
        description: 'The caption of the item.'
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': carousel_item
            image:
                '@element': img
                src: 'data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEZpcnN0IHNsaWRlIj48dGl0bGU+UGxhY2Vob2xkZXI8L3RpdGxlPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM3NzciPjwvcmVjdD48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZmlsbD0iIzU1NSIgZHk9Ii4zZW0iPkZpcnN0IHNsaWRlPC90ZXh0Pjwvc3ZnPgo='
            caption:
                -
                    '@element': h5
                    '@content': 'Slide label'
                -
                    '@element': p
                    '@content': 'Nulla vitae elit libero, a pharetra augue mollis interdum.'