Overview
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.