Process List (process_list)

A process list displays the steps or stages of important instructions or processes.

🔗 External documentation.

            id: process_list
label: 'Process List'
description: 'A process list displays the steps or stages of important instructions or processes.'
group: List
homepage: 'https://designsystem.digital.gov/components/process-list/'
slots:
    items:
        id: items
        label: Items
        description: 'Process list items.'
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': process_list
            items:
                -
                    '@component': process_list_item
                    header: 'Start a process'
                    body:
                        -
                            '@template': '<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien.</p>'
                -
                    '@component': process_list_item
                    header: 'Proceed to the second step'
                    body:
                        -
                            '@template': '<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien.</p>'
                -
                    '@component': process_list_item
                    header: 'Complete the step-by-step process'