Fancy Button

PreviousNext

Regular buttons with a fancy appearance.

Component fancy-button-demo not found in registry.

Installation

pnpm dlx shadcn@latest add fancy-button

Usage

import { FancyButton, FancyButtonIcon } from "@/components/ui/fancy-button"
<FancyButton variant="primary" size="md">
  <FancyButton.Icon as={Sparkles} />
  Click me
</FancyButton>

Examples

Primary

Component fancy-button-primary not found in registry.

Secondary

Component fancy-button-secondary not found in registry.

Error

Component fancy-button-error not found in registry.

Sizes

Component fancy-button-sizes not found in registry.

Disabled

Component fancy-button-disabled not found in registry.

With Icon

Component fancy-button-with-icon not found in registry.

Loading

Component fancy-button-loading not found in registry.

Full Width

Component fancy-button-full-width not found in registry.

Rounded

Component fancy-button-rounded not found in registry.

As Child

Component fancy-button-as-child not found in registry.