shadcn index

Button 17

PreviousNext

Loading button with spinning icon in disabled state

Docs
shadcn-studiocomponent

Preview

Loading preview…
registry/new-york/components/button/button-17.tsx
import { LoaderCircleIcon } from 'lucide-react'

import { Button } from '@/registry/new-york/ui/button'

const ButtonLoadingDemo = () => {
  return (
    <Button disabled>
      <LoaderCircleIcon className='animate-spin' />
      Loading
    </Button>
  )
}

export default ButtonLoadingDemo

Installation

npx shadcn@latest add @shadcn-studio/button-17

Usage

import { Button17 } from "@/components/button-17"
<Button17 />