Button 5

PreviousNext

Outline buttons with icons positioned before and after text

Docs
shadcn-studiocomponent

Preview

Loading preview…
registry/new-york/components/button/button-05.tsx
import { Redo2Icon, Undo2Icon } from 'lucide-react'

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

const ButtonIconDemo = () => {
  return (
    <div className='flex flex-wrap items-center gap-4'>
      <Button variant='outline'>
        <Undo2Icon />
        Undo
      </Button>
      <Button variant='outline'>
        Redo
        <Redo2Icon />
      </Button>
    </div>
  )
}

export default ButtonIconDemo

Installation

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

Usage

import { Button05 } from "@/components/button-05"
<Button05 />