Button

There are three button components available: standard, text and icon.

Standard Button

<Button
  text='Save'
  action={ save }
  params={{ id: 3141 }}
/>

Preview

Props

‌Text Button

Plain text button.

<TextButton
  color='red',
  text='Save'
  action={ save }
/>

Props

Loading Button

If an action takes some time to process, you can pass a loading prop to a <Button> component to provide visual feedback to the user.

<Button
  loading={ loading }
  text='Click Me'
/>

Icon Button

An icon button with optional text label.

<IconButton
  image='save'
  size={ 20 }
  action={ save }
/>

Props

Last updated