Base Button | Community Components | 21st

/Base Button/

Base Button

Here is Button component

Loading preview...

import { Button } from "@/components/ui/button-1";
import { ArrowRightIcon } from "lucide-react";

export default function Component() {
  return (
    <Button variant="link">
      Read more
      <ArrowRightIcon />
    </Button>
  );
}

More examples

Button Loading Open page →

Loading preview...

Basic ButtonOpen page →

Loading preview...

Notification badgeOpen page →

Loading preview...

Notification ButtonOpen page →

Loading preview...

Create ButtonOpen page →

Loading preview...

Left ArrowOpen page →

Loading preview...

ArrowsOpen page →

Loading preview...

Delete BadgeOpen page →

Loading preview...

Delete ButtonOpen page →

Loading preview...

Text FormatterOpen page →

Loading preview...

Center ItemsOpen page →

Loading preview...

Like ButtonOpen page →

Loading preview...

Loading Button Open page →

Loading preview...

AvatarOpen page →

Loading preview...

Avatar with TitleOpen page →

Loading preview...

Dependencies

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

Source

bundui.io

Published

8/1/2025

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