logoKaif UI Docs
Library

Button

Looking for a simple Button

Preview

Installation

Copy paste the code

components/Button.tsx
import React from "react";
 
const Button = () => {
  return (
    <>
      <button className="bg-black hover:bg-black/90 dark:bg-white dark:hover:bg-white/90 text-white dark:text-black px-3 py-1 rounded transition duration-300 text-sm">
        Button
      </button>
    </>
  );
};
 
export default Button;

Use in page

app/page.tsx
import Button from "@/components/Button";
import Link from "next/link";
 
export default function HomePage() {
  return (
    <>
      <Button />
    </>
  );
}

Tech Stack

On this page