Health Design System
Button
ready
HTML
Notes
Info
<
button
class
=
"au-btn"
>
Primary
</
button
>
Button
⭐
Design System Buttons
Handle:
@button
Preview:
With layout
Component only
Filesystem Path:
components/01-components/form-controls/button/button.hbs
Referenced by
(3)
:
@
form-page
,
@
form-page--error
,
@
form-page--sticky-button
Information
Version:
2.0.4
Build date:
8/24/2024
Search
documentation
Home
Who should use it?
Getting started
Principles
Versioning
Colours and variables
Gallery
components
Components
Accordions
Accordion
Accordion Group
Back To Top
Callout
Card
Facet
Figure
File
Filter
Form Controls
Button
Checkboxes
Label Mandatory
Radios
Select
Text
Text Area
Image
Layout
Band
Link
Listing
Lists
Metadata
Field
Field Groups
Navigation
Book navigation
Breadcrumb
Inpage Nav
Main navigation
Pager
Side Nav
Tabs
Page Alerts
Page Regions
Footer
Header
Hero
Sub Header
Quick Exit
References
Inline Reference
Reference
References
Release Status
Search
Search Result
Separator
Step Indicator
Subtitle
Supplementary Content
Footnotes
Metadata
Table
Tags
Toolbar
Tooltip
Typography
Abbreviations
Headings
Icons
Paragraph
Utilities
Spacing
Video
Templates
Content Page
Landing Page
Campaign Page
Listing page
Form Page
Search page
Back
Accordion Variants
Default
Block
Shadow
Compact
Accordion Group Variants
Default
Flush
Callout Variants
Default
Colour Secondary
Colour Tertiary
Colour Success
Simple
Card Variants
Default
Without Image
Not Clickable
Borderless
Highlight
Centred
Horizontal
Contact
Contact Horizontal
Full Colour Primary
Full Colour Secondary
Full Colour Tertiary
Multple Links
Button Variants
Default
Secondary
Tertiary
Sticky
Checkboxes Variants
Default
Error
Radios Variants
Default
Error
Select Variants
Default
Error
Text Variants
Default
Error
Counter
Text Area Variants
Default
Error
Counter
Image Variants
Default
Border
Link
Border Link
Band Variants
Default
Hotline
Cards Image
Cards Call To Action
Cards Resources
Featured
Image Text Horizontal
Video Listing
Cards Borderless
Statistics
Link Variants
Default
Primary
Secondary
Tertiary
Call To Action
Call To Action List
Listing Variants
Default
Compact
Lists Variants
Default
Large
Large Plain
Checklist
Definition List
Field Variants
Stacked
Stacked Label With Icon
Inline
Inline Label With Icon
Icon Only
List Of Icons
Field Groups Variants
Vertical Group
Horizontal Group
Horizontal Fixed Group
Inpage Nav Variants
Default
Dynamic
Main Nav Variants
Default
Drop Down
Side Nav Variants
Default
Accordion
Tabs Variants
Default
Mobile Scroll
Page Alerts Variants
Default
Success
Warning
Error
Header Variants
Default
Simple
Hero Variants
Default
Hero Inset Box
Hero Inset Box Overlapping
Hero Gradient
Hero Gradient Vertical
Sub Header Variants
Dark
Light
Campaign
Inline Reference Variants
Default
Contact
Video
Release Status Variants
Default
Beta
Launch
Step Indicator Variants
Default
Numbered
Progress
Tags Variants
Default
Linked
Paragraph Variants
Default
Introduction
Introduction Dark
Minor
Align Right
Align Center
Spacing Variants
Default
Standard Gap
Standard Gap Mobile Only
Standard Gap Bottom
Video Variants
Default
Preview
Content Page Variants
Default
With Quick Exit
Form Page Variants
Default
Error
Sticky Button