Accordion

iconiq-ui/accordion

FreeComponent

Accordion with spring height, staggered text, default or quiet disclosure styles, and optional multi-open behavior. Built with Motion.

Install it

npx shadcn@latest add https://www.iconiqui.com/r/accordion.json

Source

accordion.tsxwww.iconiqui.com/r/accordion.json · first 6 KB

1"use client";
2 
3import * as AccordionPrimitive from "@radix-ui/react-accordion";
4import { AnimatePresence, motion, type Transition } from "motion/react";
5import * as React from "react";
6 
7import { cn } from "@/lib/utils";
8 
9const componentThemeClassName =
10// … truncated

What it pulls in

npm packages

@radix-ui/react-accordion
motion

Files it writes

accordion.tsx

More from Iconiq UI

All 119 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
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
Button (Base UI)b-button	Iconiq UI	Components	Free	4 deps