Button 31

PreviousNext

Icon-only button with bookmark icon and screen reader accessibility

Docs
shadcn-studiocomponent

Preview

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

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

const IconButtonDemo = () => {
  return (
    <Button variant='outline' size='icon'>
      <BookmarkIcon />
      <span className='sr-only'>Bookmark</span>
    </Button>
  )
}

export default IconButtonDemo

Installation

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

Usage

import { Button31 } from "@/components/button-31"
<Button31 />