Buttons

Buttons are clickable elements used to perform an action.

Types

Button modifier classes are available to change the button type.

 View Code

Sizes

Multiple button sizes are available to use. The default button size is `.ds-btn--md`.

 View Code

With Icons

Buttons can include icons on either the left or right side.

 View Code

Icon Only

Buttons with only an icon will automatically resize to a square shape.

 View Code

Full Width

Full width buttons are available to allow the button to fit to the parent container.

 View Code

Disabled Buttons

Use the 'disabled' attribute when a button cannot be clicked. The disabled attribute is preferred method of disabling buttons, however, a class of `ds-btn--disabled` is also available.

 View Code