Welcome UI - Button

import { Button } from 'welcome-ui/Button'

const Example = () => {
  return <Button>Button</Button>
}

export default Example

Examples

Add -danger suffix to the basic variants to transform buttons with red color. Doesn't include secondary!

Add -ai suffix to the basic variants to transform buttons with purple color. Doesn't include secondary!

Use size property with xs, sm, md (default) or lg.

All disabled buttons have the same style.

You can set a cirle or square shape to have perfect buttons for icons.

You can override styles with tailwind classes.

You can set an isLoading property to display a loading indicator that matches the button’s size and disables it.

You can transform your Button component with as property to add you linker, href or to... all that you want.

See documentation from ButtonGroup component.