Title Use this section to describe the purpose of the button group below. Explain why these buttons are grouped together—such as related actions, step-based navigation, or contextual choices—and how they help guide the user experience. Use clear, concise language to help users understand what each button does and when to use them. Grouping buttons improves usability by organizing related actions in a logical and accessible way. If no description is needed, consider using the mini button nav variant to take up less space on the page. Button Option 1 Button Option 2 Button Option 3 Title (Mini Variant) Button Option 1 Button Option 2 Button Option 3 Guidelines Guidelines Expand All When to Use To help users navigate between key sections or pages where emphasis and clarity are important.When you need a highly visible navigation option, such as in menus, dashboards, or step-based processes.For calls to action that should stand out compared to inline links.To optimize for smaller layouts (like mobile) where button-based navigation is easier to tap than text links. What to Avoid Avoid using button nav for long lists of links; use a traditional navigation menu instead.Don’t use it if standard text links are more appropriate for subtle, inline navigation.Avoid mixing button nav with too many other button styles on the same page—this reduces clarity and hierarchy.Don’t overload a button nav with secondary or low-priority links; keep it focused. Accessibility Tips Ensure each button is labeled clearly and describes its destination or action.Provide a clear description of where the buttons will lead to.