​
Code

import { Button, ButtonProps, buttonVariants } from "@trytoolify/ui/button";

export function ButtonDemo() {
    return <Button>Button</Button>;
}

​
Usage

import { Button } from "@trytoolify/ui/button";

<Button variant="outline">Button</Button>

​
Examples

​
Default

import { Button } from "@trytoolify/ui/button";

export function ButtonDemo() {
    return <Button>Button</Button>;
}

​
Secondary

import { Button } from "@trytoolify/ui/button";

export function ButtonSecondary() {
    return <Button variant="secondary">Secondary</Button>;
}

​
Outline

import { Button } from "@trytoolify/ui/button";

export function ButtonOutline() {
    return <Button variant="outline">Outline</Button>;
}

​
Destructive

import { Button } from "@trytoolify/ui/button";

export function ButtonDestructive() {
    return <Button variant="destructive">Destructive</Button>;
}
BreadcrumbCard