Accordion Demo
- Open "Advanced Settings"
- Select appropriate heading level
- From the user side of the page, open the accordion you want to link to
- In the bottom right corner click the chain link icon to copy the link
If desired, you can name the accordion link:
- In the "Accordion Link" field, type the link you'd like to use
Example: policy-updates
- Click "Advanced Settings"
- Check the box for "Accordion Toggle"
- Open "Advanced Settings"
- Check the box next to "Enable Accordion Section Search"
- Use "Search Field Alignment" dropdown to adjust where the search field shows up (left, center or right)
Card Options
Compact Card
Reminder: When assigning colors be mindful of ADA color contrast requirements.
Customizable features:
- Heading level
- Title color: Dark blue "Card (Compact)"
- Text color: Black
- Card link color: Light blue "Link text"
- Accent bar color: Orange
- Background color: None
Example
Hero Card
Customizable features:
- Card styles: Full card (Image right)
- Heading level
- Title color: Dark blue
- Text color: Black
- Accent bar: Light Blue
- Background color: Light grey
- Button text color: White
- Button background color: Orange
Example
Card (Hero)
Description goes here.
Card (Hero)
Description goes here.