Home
Get Started
Toggle Menu
<AccordionPrimitive.Trigger ref={ref} className={cn( "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className, )} {...props}> {children} <MinusSquare className={cn( "h-4 w-4 shrink-0 transition-transform duration-200", "data-[state=open]:block", "data-[state=closed]:hidden", )} /> <AddSquare className={cn( "h-4 w-4 shrink-0 transition-transform duration-200", "data-[state=closed]:block", "data-[state=open]:hidden", )} /> </AccordionPrimitive.Trigger> i want chnge with custom icon but it does not work accardiion shadcn | A shadcn/ui and v0 generation - v0
Link to ibrokhim99's v0.app Profile
<AccordionPrimitive.Trigger ref={ref} className={cn( "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className, )} {...props}> {children} <MinusSquare className={cn( "h-4 w-4 shrink-0 transition-transform duration-200", "data-[state=open]:block", "data-[state=closed]:hidden", )} /> <AddSquare className={cn( "h-4 w-4 shrink-0 transition-transform duration-200", "data-[state=closed]:block", "data-[state=open]:hidden", )} /> </AccordionPrimitive.Trigger> i want chnge with custom icon but it does not work accardiion shadcn
Add
component
to project
Learn more
npx v0 add
a1B2c3d4
component.jsx
(read-only)
Log In to Copy Code
To enable copying code, saving to favorites, forking, and other features, please sign up or log in.
Authenticate
Copy Code
Copy CLI command
A
B
C
Link to ibrokhim99's v0.app Profile
<AccordionPrimitive.Trigger ref={ref} className={cn( "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className, )} {...props}> {children} <MinusSquare className={cn( "h-4 w-4 shrink-0 transition-transform duration-200", "data-[state=open]:block", "data-[state=closed]:hidden", )} /> <AddSquare className={cn( "h-4 w-4 shrink-0 transition-transform duration-200", "data-[state=closed]:block", "data-[state=open]:hidden", )} /> </AccordionPrimitive.Trigger> i want chnge with custom icon but it does not work accardiion shadcn
History
Toggle
v0
Desktop
Tablet
Mobile
Full Screen
History
Theme
Code