What is it?
The Action Bar provides quick access to three relevant topics, buttons and actions you want users to take. This component should only be used at the bottom of a page for related content.
Elements
- Title (three): Main tasks users are expected to complete.
- Example: Start your application, explore affordability and schedule a tour.
- Description (three): Short blurb related to topic.
- Example: Start your academic journey with us, learn about grants and scholarships and plan your visit with us.
- Link text (three): Text link for cta for additional information
- Example: apply today, find your major and schedule a tour today.
How do you use it?
- Place in a consistent location on the page for easy recognition.
- Use short, action-oriented labels.
- Group related actions together.
- Limit the number of actions to avoid overwhelming users.