Pelican Design System
Section Header
Section Header
Form section headers divide a form into smaller sections.
On this page:
Best Practices
- Divide forms, or even a page of data, into smaller sections to make it easier for the user to use.
- Separate form or page sections into different Content Containers first.
- Follow this with the appropriate container, row, and columns.
- Use the form section to introduce and name each form section.
- Put the form section header and its related form fields into the same
.content-container. - Be sure to consult Typography and Headings to ensure you’re using the appropriate heading level.
Usage
See the Pen Checkbox and Radio Tiles by LA Gov Design Team (@lagovdesignteam) on CodePen.
> ```