Button

Purpose

The Button component is a styled HTML button.

Basic Implementation

``jsx
import Button from '@wedgekit/button';

const Example = () => {
const [domain, setDomain] = React.useState('primary');

return (


render();
`

Props

In addition to the props listed below, all native and React HTML attributes will be passed through.

$3

Type: string

Required: ❌

The string label for the button. The label should be descriptive and readable. If children is not used, an aria-label should be added for accessibility.

$3

Type: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'default' | 'white'

Required: ❌

A string denoting the domain of the Button. This defaults to 'default'.

$3

Type: boolean

Required: ❌

Sets the button to fill the full-width of its parent container.

$3

Type: IconTag

Required: ❌

Optional prop to display an icon positioned left of the text. An IconTag is a snake-cased name of a provided icon. A full list can be found here

$3

Type: string

Required: ❌

A label describing the type of button. If none is provided, the child string will be used for 'aria-label'

$3

Type: boolean`

Required: ❌

Indicates button is in a submitting state. Will display a spinner if true.

$3

Type: 'noFill' | ‘neutral’ | 'outline'

Required: ❌

A string denoting the variant style of the Button. This defaults to 'neutral'.