Button (Base UI)
iconiq-ui/b-buttonFreeComponent
Button with embedded Iconiq theme tokens, optional loading, href link rendering, ripple, press spring, hover lift, and intrinsic-width animation over the Base UI button primitive.
Live preview
live · rendered by the registry
Rendered by Iconiq UI on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://www.iconiqui.com/r/b-button.jsonSource
1"use client";23import { Button as ButtonPrimitive } from "@base-ui/react/button";4import { cva, type VariantProps } from "class-variance-authority";5import { Loader2 } from "lucide-react";6import { AnimatePresence, motion, useReducedMotion } from "motion/react";7import {8 type AnchorHTMLAttributes,9 type ButtonHTMLAttributes,10 cloneElement,11 type FocusEventHandler,12 forwardRef,13 isValidElement,14 type KeyboardEvent,15 type KeyboardEventHandler,16 memo,17 type PointerEvent,18 type PointerEventHandler,19 type ReactNode,20 useCallback,21 useEffect,22 useLayoutEffect,23 useMemo,24 useRef,25 useState,26} from "react";2728import { cn } from "@/lib/utils";2930const componentThemeClassName =31// … truncated
What it pulls in
npm packages
Files it writes
More from Iconiq UI
All 119 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | Iconiq UI | Components | Free | 2 deps | |
| AI Inputai-input | Iconiq UI | Components | Free | 3 deps | |
| Alertalert | Iconiq UI | Components | Free | 2 deps | |
| Avataravatar | Iconiq UI | Components | Free | 3 deps | |
| Accordion (Base UI)b-accordion | Iconiq UI | Components | Free | 2 deps | |
| Alert Dialog (Base UI)b-alert-dialog | Iconiq UI | Components | Free | 3 deps | |
| Autocomplete (Base UI)b-autocomplete | Iconiq UI | Components | Free | 3 deps | |
| Avatar (Base UI)b-avatar | Iconiq UI | Components | Free | 2 deps |
