1. Docs
  2. Components
  3. Button

Button

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

Component button-demo not found in registry.

Installation

npx shadcn@latest add @kanpeki/button

Usage

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

You can use the LinkButton component to create a link that looks like a button.

import { LinkButton } from "~/components/ui/link-button";
<LinkButton href="https://github.com/fellipeutaka">GitHub</LinkButton>

Examples

Default

Component button-demo not found in registry.

Secondary

Component button-secondary not found in registry.

Outline

Component button-outline not found in registry.

Destructive

Component button-destructive not found in registry.

Ghost

Component button-ghost not found in registry.

Component button-link not found in registry.

API Reference

PropTypeDefault
variant
enum
"default"
size
enum
"default"
isDisabled
boolean
isPending
boolean
type
enum
"button"