Welcome UI - Button

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

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

export default Example

Examples

Add -neutral suffix to the primary variant to transform buttons with black color.

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.

Use disabled property to disable the button.

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.