Button | Community Components | 21st

/Button/

Button

Renders a clickable button or an element styled as a button with advance options

Loading preview...

import { Button } from '@/components/ui/button-1';

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

More examples

SecondaryOpen page →

Loading preview...

MonoOpen page →

Loading preview...

DestructiveOpen page →

Loading preview...

OutlineOpen page →

Loading preview...

GhostOpen page →

Loading preview...

With iconOpen page →

Loading preview...

LoadingOpen page →

Loading preview...

Icon onlyOpen page →

Loading preview...

SizeOpen page →

Loading preview...

CircleOpen page →

Loading preview...

LinkOpen page →

Loading preview...

Full widthOpen page →

Loading preview...

DisabledOpen page →

Loading preview...

DashedOpen page →

Loading preview...

Dependencies

radix-ui lucide-react class-variance-authority

Source

reui.io

Published

7/1/2025

Dependencies

Tags

Featured

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Button

More examples

Dependencies

Source

Published

Similar components