shadcn index

Button 23

PreviousNext

Save button with a floppy disk icon and soft blue background for non-intrusive actions.

Docs
shadcn-studiocomponent

Preview

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

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

const ButtonSaveDemo = () => {
  return (
    <Button className='bg-sky-600/10 text-sky-600 hover:bg-sky-600/20 focus-visible:ring-sky-600/20 dark:bg-sky-400/10 dark:text-sky-400 dark:hover:bg-sky-400/20 dark:focus-visible:ring-sky-400/40'>
      <SaveIcon />
      Save
    </Button>
  )
}

export default ButtonSaveDemo

Installation

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

Usage

import { Button23 } from "@/components/button-23"
<Button23 />