Share Button Demo

PreviousNext

Demo showing a share button.

Docs
animate-uiui

Preview

Loading preview…
registry/demo/components/community/share-button/index.tsx
'use client';

import {
  ShareButton,
  type ShareButtonProps,
} from '@/components/animate-ui/components/community/share-button';

type ShareButtonDemoProps = {
  size?: ShareButtonProps['size'];
  icon?: ShareButtonProps['icon'];
};

export const ShareButtonDemo = ({ size, icon }: ShareButtonDemoProps) => {
  return (
    <ShareButton size={size} icon={icon}>
      Share
    </ShareButton>
  );
};

Installation

npx shadcn@latest add @animate-ui/demo-components-community-share-button

Usage

import { DemoComponentsCommunityShareButton } from "@/components/ui/demo-components-community-share-button"
<DemoComponentsCommunityShareButton />