Base Button

Here is Button component

Loading preview...

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

export default function ButtonDemo() {
  return (
    <div className="flex flex-wrap items-center gap-2 md:flex-row">
      <Button>Button</Button>
    </div>
  )
}

More examples

Button Loading Open page →

Loading preview...

Notification badgeOpen page →

Loading preview...

Notification ButtonOpen page →

Loading preview...

Create ButtonOpen page →

Loading preview...

Dependencies

@radix-ui/react-slot class-variance-authority

Source

bundui.io

Published

8/1/2025

Similar components

Explore more

Part of Spectrum UI — browse the full library on 21st.dev.

Button components764

Dependencies

Tags

Featured

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Dependencies

Tags

Dependencies

Tags

Base Button

More examples

Dependencies

Source

Published

Similar components

Explore more