Activity (activity)

A variation of the columns component with a parent container

🔗 External documentation.

ID	Label	Description	Schema
intro	Introduction
entries	Entries	A list of card components
events	Events	A list of card components

            id: activity
label: Activity
description: 'A variation of the columns component with a parent container'
homepage: 'https://design-system.w3.org/components/activity.html'
slots:
    intro:
        id: intro
        label: Introduction
    entries:
        id: entries
        label: Entries
        description: 'A list of card components'
    events:
        id: events
        label: Events
        description: 'A list of card components'
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': activity
            intro:
                -
                    '@element': h2
                    '@styles':
                        - txt-earth
                    '@content': 'Recent activities in the Web Payments community'
                -
                    '@element': p
                    '@content': 'The mission of the Web Payments Working Group is to make payments easier and more secure on the Web.'
            entries:
                -
                    '@component': card
                    heading:
                        '@element': a
                        href: path/to/page
                        '@content': 'W3C starts web payments standards work'
                    text:
                        '@element': p
                        '@content': 'New working group launched to make payments easier and more secure.'
                    image:
                        '@element': img
                        src: 'https://design-system.w3.org/dist/assets/images/temp-developers-700.jpg'
                -
                    '@component': card
                    heading:
                        '@element': a
                        href: path/to/page
                        '@content': 'Work begins on extensions to WCAG 2.0'
                    text:
                        '@element': p
                        '@content': 'A new charter for the Working Group was formally approved by W3C.'
                    image:
                        '@element': img
                        src: 'https://design-system.w3.org/dist/assets/images/temp-developers-700.jpg'
            events:
                -
                    '@component': card
                    '@variant': event