NOCTA UI

Button

A versatile button component with multiple variants, sizes and dark mode support

Installation

Install the Button component using the nocta-ui CLI:

npx @nocta-ui/cli add button

Then import the components you need:

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

Examples

Primary Button

Secondary Button

Ghost Button

Icon Button

Sizes

Using asChild

Api Reference

Prop

Type