Select UI framework
Get Started
React Aria
AlertApp Store ButtonAspect RatioBadgeBannerBreadcrumbButton GroupButtonCheckboxCommand MenuCompactButtonDialogDrawerEmptyFancy ButtonFile UploadHintInput OTPInputItemKbdLabelLinkButtonLoaderPopoverProgress BarProgress CircleRadio GroupRatingSelectSeparatorSkeletonSliderSocial ButtonSwitchTagTextareaToggle GroupToggleTooltip
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.