Button [react-aria-components]

A button allows a user to perform an action, with mouse, touch, and keyboard interactions. On the surface, building a custom styled button seems simple. However, there are many cross browser inconsistencies in interactions and accessibility features to consider. Button handles all of these interactions for you, so you can focus on the styling.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Button [react-aria-components] to your project and fits it to your theme.

import { Button } from "@/components/ui/button"

export function ButtonDemo() {
  return <Button>Button</Button>
}