Icon Button Demo

PreviousNext

Demo showing an icon button.

Docs
animate-uiui

Preview

Loading preview…
registry/demo/components/buttons/icon/index.tsx
import {
  IconButton,
  type IconButtonProps,
} from '@/components/animate-ui/components/buttons/icon';
import { StarIcon } from 'lucide-react';

interface IconButtonDemoProps {
  variant: IconButtonProps['variant'];
  size: IconButtonProps['size'];
}

export default function IconButtonDemo({ variant, size }: IconButtonDemoProps) {
  return (
    <IconButton variant={variant} size={size}>
      <StarIcon />
    </IconButton>
  );
}

Installation

npx shadcn@latest add @animate-ui/demo-components-buttons-icon

Usage

import { DemoComponentsButtonsIcon } from "@/components/ui/demo-components-buttons-icon"
<DemoComponentsButtonsIcon />