Details (details)

Native details and summary support.

🔗 External documentation.

ID	Label	Description	Schema
content	Content	Free renderable content

            id: details
label: Details
description: 'Native details and summary support. '
group: Basic
homepage: 'https://protocol.mozilla.org/components/detail/details.html'
slots:
    content:
        id: content
        label: Content
        description: 'Free renderable content'
library:
    dependencies:
        - details
    id: details
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': details
            content:
                -
                    '@element': h3
                    '@content': Summary
                -
                    '@element': p
                    '@content': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan neque ipsum. Nunc ligula eros, elementum sit amet blandit eu, egestas at justo.'
                -
                    '@element': h3
                    '@content': Heading
                -
                    '@element': p
                    '@content': 'Proin in dapibus nulla. Nam vitae est vitae tellus mollis eleifend in eu erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean feugiat ante porttitor purus elementum, eget vestibulum ex volutpat. Sed gravida convallis     rutrum. Quisque pharetra eros eget malesuada vulputate.'
                -
                    '@element': h4
                    '@content': 'Sub Heading'
                -
                    '@element': p
                    '@content': 'Cras maximus interdum interdum. Maecenas vitae ligula et eros porta feugiat. Nullam facilisis odio non ante varius tempor ut ac turpis.'