Accordion Alerts / Banner Buttons Card Collection Combo box Forms Language Layout List Navigation Other Search Social Summary box

Social link (social_link)

A single uswds social link.

ID Label Description Schema
icon Social icon Path to social icon. 
                        type: string
href href The social link href. 
                        type: string
name Name Name of the type of social link, example facebook or instagram. 
                        type: string

                      
            id: social_link
label: 'Social link'
description: 'A single uswds social link.'
group: Social
props:
    icon:
        id: icon
        label: 'Social icon'
        description: 'Path to social icon.'
        schema:
            type: string
    href:
        id: href
        label: href
        description: 'The social link href.'
        schema:
            type: string
    name:
        id: name
        label: Name
        description: 'Name of the type of social link, example facebook or instagram.'
        schema:
            type: string
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': social_link
            icon: 'https://cdn.jsdelivr.net/npm/@uswds/uswds@3.7.0/dist/img/usa-icons/facebook.svg'
            href: '#facebook'
            name: Facebook