Button

Buttons in every variant and size, with a built-in loading, success and error flow that skips the spinner for fast requests.

bypreet from Hextaui

Installation

terminal

pnpm dlx layro-cli add @preetsuthar17/button

npx layro-cli add @preetsuthar17/button

npx layro-cli add @preetsuthar17/button

bunx layro-cli add @preetsuthar17/button

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Dependencies

Demo

"use client"

import * as React from "react"
import { Button as ButtonPrimitive } from "@base-ui/react/button"
import { IconAlertCircle, IconCircleCheck } from "@tabler/icons-react"
import { cva, type VariantProps } from "class-variance-authority"
import { cn } from "cn"

import { Spinner } from "@/components/ui/spinner"
import {
  useButtonFeedback,
  type ButtonFeedbackOptions,
  type ButtonStatus,
} from "@/hooks/use-button-feedback"