v2.0 is here! New components and themes are coming soon! Stay tuned.
TWJ Labs UI

Navbar

Button Component, the basic of them all

You're reading the Button docs because you deserve the best — or you're pretending to. Either way, this component delivers.

TL;DR: Use <Button> when you want something that looks smart, acts fast, and outclasses everything else on the page.

Installation

if you're using twjlabs/ui cli, it should be pretty easy for you

npx @twjlabs/ui add button
pnpm add @twjlabs/ui button

Usage

Import the Button component and use it in your React application like so:

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

function App() {
  return (
    <Button onClick={() => alert('Button clicked!')}>
      Click Me
    </Button>
  );
}

Props

The Button component accepts the following props:

Prop

Type

On this page