Buttons let users run actions and commands such as save, create, edit, delete, open, filter, download, confirm, or cancel. Use a real button for actions and an anchor with ngsButton only when the control navigates to another URL.
Choose a variant by emphasis:
- Filled: Primary action on a screen, form, dialog, or toolbar.
- Outlined: Secondary action that still needs clear visibility.
- Tonal: Softer secondary action or neutral command.
- Text: Low-emphasis action inside dense UI or supporting controls.
- Icon button: Compact action with an icon only. Always provide an accessible label.
Do not use Button for sidebar navigation, menu items, tabs, toggle groups, checkboxes, radios, selects, or plain links inside text. Use the matching navigation or form component instead.