Button

Displays a button or a component that looks like a button.

Installation

npx @kosori/cli add components button

Usage

import { Button } from '~/components/ui/button';
<Button variant='outline'>Button</Button>

Reference

PropTypeDefault
variant
enum
solid
intent
enum
default
size
enum
medium
icon
boolean
false

You can use the buttonStyles helper to create a link that looks like a button.

import { buttonVariants } from '~/components/ui/button';
<Link className={buttonStyles({ variant: 'outline' })}>Click here</Link>

Examples

Intents & Variants

Solid

Soft

Outline

Ghost

Default

Info

Success

Warning

Error

Sizes

Icon

Disabled

On this page