Collection Item (collection_item)

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

đŸ”— External documentation.

ID Label Description Schema
header_text Header text Plain text that will be rendered as link.
content Content Plain text, or any kind of content.
meta_items_list Meta items list A list of meta items to be included with collection item. Optional.
meta_items_tags Meta items tags Tag meta items.
            id: collection_item
label: 'Collection Item'
description: "Internal: to be used in the 'Collection' component."
group: Collection
homepage: 'https://designsystem.digital.gov/components/collection/'
slots:
    header_text:
        id: header_text
        label: 'Header text'
        description: 'Plain text that will be rendered as link.'
    content:
        id: content
        label: Content
        description: 'Plain text, or any kind of content.'
    meta_items_list:
        id: meta_items_list
        label: 'Meta items list'
        description: 'A list of meta items to be included with collection item. Optional.'
    meta_items_tags:
        id: meta_items_tags
        label: 'Meta items tags'
        description: 'Tag meta items.'
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': collection_item
            header_text: 'Gears of Government President’s Award winners'
            content: 'Today, the Administration announces the winners of the Gears of Government President’s Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.'
            meta_items_list:
                - 'By Sondra Ainsworth and Constance Lu'
                - 'September 30, 2020'
            meta_items_tags:
                - NEW
                - PMA
                - OMB

          

Gears of Government President’s Award winners

Today, the Administration announces the winners of the Gears of Government President’s Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.
  • By Sondra Ainsworth and Constance Lu
  • September 30, 2020
  • NEW
  • PMA
  • OMB
<div class="usa-collection__body"> <h4 class="usa-collection__heading">Gears of Government President’s Award winners</h4> <div class="usa-collection__description">Today, the Administration announces the winners of the Gears of Government President’s Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.</div> <ul class="usa-collection__meta"> <li class="usa-collection__meta-item">By Sondra Ainsworth and Constance Lu</li><li class="usa-collection__meta-item">September 30, 2020</li> </ul> <ul class="usa-collection__meta"> <li class="usa-collection__meta-item usa-tag">NEW</li><li class="usa-collection__meta-item usa-tag">PMA</li><li class="usa-collection__meta-item usa-tag">OMB</li> </ul> </div>