Skip to main content

Button

Button component is used to trigger an action or event, such as submitting a form, opening a Dialog, canceling an action, or performing a delete operation.

Storybook Link

Import​

To implement Button component into your project you'll need to add the import:

import { Button } from '@anthane/core-elements';

Usage​

After adding import into your project you can use it simply like:

<Button type="contained" variant="primary">
    Contained Button
</Button>

Types​

Use the type prop to change the appearance of the button. You can set the value to contained, contained, outlined, or text.

Accessibility​

A button is mainly used for indicating an action, submitting a data, opening a modal etc.

  • Use disabled prop to indicate users that button is inactive and they can't interact with it.