Evangelist (evangelist)

🔗 External documentation.

ID	Label	Description	Schema
avatar	Avatar
name	Name
content	Content

            id: evangelist
label: Evangelist
homepage: 'https://design-system.w3.org/components/evangelists.html'
slots:
    avatar:
        id: avatar
        label: Avatar
    name:
        id: name
        label: Name
    content:
        id: content
        label: Content
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': evangelist
            avatar:
                '@element': img
                src: 'https://www.w3.org/thumbnails/200/avatar-images/7mtpjeh4in8kw04ksso8ss4ocsksswo.webp'
            name: 'Joseph Lorem-Ipsum'
            content:
                -
                    '@element': p
                    '@content': 'W3 editor'
                -
                    '@element': p
                    '@content':
                        - 'Tel:'
                        -
                            '@element': a
                            href: 'tel:+49.157.0156'
                            '@content': '49 157 0156'
                -
                    '@element': p
                    '@content':
                        - 'Email:'
                        -
                            '@element': a
                            href: 'mailto:name@w3c.org'
                            '@content': name@w3c.org