# Legend

Ready

- HTML
- View
- Context
- Assets
- Info
- Notes

`

    <legend class="legend">Lorem ipsum</legend>

`
`

    <legend class="legend">Lorem ipsum</legend>

`
`

    /* No context defined. */

`
File:

- Content:
  `

      .legend {
        @extend %heading-font-heavy;

        font-size: $font-size-lg;
        color: $form-legend-color;
      }

  `
- URL: /components/raw/legend/_legend.scss
- Filesystem Path: components/05-atoms/form-elements/legend/_legend.scss
- Size: 101 Bytes

- Handle: @legend
- Preview:
  - With layout
  - Component only
- Filesystem Path: components/05-atoms/form-elements/legend/legend.html

No notes defined.