Button

A fundamental UI element used to trigger actions or events. It ensures consistency, accessibility, and a clear call to action.

Usage

Import

import {
  Button,
  ButtonIcon,
  ButtonCounter,
} from "@govtechmy/myds-react/button";

Anatomy

export default () => (
  <Button>
    <ButtonIcon />
    <ButtonCounter />
  </Button>
);

Use the variant prop to change the button style!

Use the size prop to change the button size!

Use <ButtonIcon> to add action icon to the button.

For buttons with sole icon - set iconOnly=true & use <ButtonIcon> as the only element in the children.

Use <ButtonCounter> to add numeric information to the button.

Prop	Type	Default
`children`	`ReactNode`	-
`className`	`string`	-

Prop	Type	Default
`children`	`ReactNode`	-
`className`	`string`	-