Design System: Atomic Component

Buttons

Default

Focused

Hover

Pressed

Disabled

Button with No Icon

Button with Leading Icon

Button with Trailing Icon

Button with Only Icon

Default

Focused

Hover

Pressed

Disabled

Button with No Icon

Button with Leading Icon

Button with Trailing Icon

Button with Only Icon

Default

Focused

Hover

Pressed

Disabled

Button with No Icon

Button with Leading Icon

Button with Trailing Icon

Button with Only Icon

Default

Focused

Hover

Pressed

Disabled

Button [ type="button" ]

Button [ type="submit" ]

Input [ type="button" ]

Input [ type="submit" ]

Input [ type="reset" ]