Button

A simple action button with subtle press feedback and reduced-motion support.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

class-variance-authority, motion

Install

npx shadcn@latest add @sona-ui/button

Files

• src/registry/sonaui/button/button.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/registry/sonaui/sona-motion/sona-motion.ts
• src/lib/sona-motion.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Animated Button Components

More from Sona UI

• BubbleUpButton
• Circular Dock Menu
• Expanding Action
• Hold To Delete Button
• Magnetic
• RippleButton
• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control