Button

npx shadcn@latest add https://ssp-ui-registry-staging.sh3.agoralab.co/r/button.json

yarn dlx shadcn@latest add https://ssp-ui-registry-staging.sh3.agoralab.co/r/button.json

pnpx shadcn@latest add https://ssp-ui-registry-staging.sh3.agoralab.co/r/button.json

bunx shadcn@latest add https://ssp-ui-registry-staging.sh3.agoralab.co/r/button.json

import { ChevronRightIcon, Loader2Icon } from "lucide-react"import { Button } from "@/registry/ssp/ui/button"export default function Example() {return (  <div className='flex flex-wrap items-center gap-2 md:flex-row'>    <Button>Button</Button>    <Button variant='secondary'>Secondary</Button>    <Button variant='destructive'>Destructive</Button>    <Button variant='outline'>Outline</Button>    <Button variant='ghost'>Ghost</Button>    <Button variant='link'>Link</Button>    <Button variant='secondary' size='icon' className='size-8'>      <ChevronRightIcon />    </Button>    <Button size='sm' disabled>      <Loader2Icon className='animate-spin' />      Please wait    </Button>  </div>)}