"use client"; import * as React from "react"; import * as AccordionPrimitive from "@radix-ui/react-accordion"; import { cn } from "@/lib/utils"; import { Accordion as ShadcnAccordion, AccordionContent as ShadcnAccordionContent, AccordionItem as ShadcnAccordionItem, AccordionTrigger as ShadcnAccordionTrigger, } from "@/components/ui/accordion"; import "./styles/retro.css"; export interface BitAccordionItemProps extends React.ComponentPropsWithoutRef { asChild?: boolean; } function AccordionItem({ className, children, ...props }: BitAccordionItemProps) { return ( {children} ); } export interface BitAccordionTriggerProps extends React.ComponentPropsWithoutRef { font?: "normal" | "retro"; } function AccordionTrigger({ className, children, font, ...props }: BitAccordionTriggerProps) { return ( {children} ); } export interface BitAccordionContentProps extends React.ComponentPropsWithoutRef { font?: "normal" | "retro"; } function AccordionContent({ className, children, font, ...props }: BitAccordionContentProps) { return (

{children}

); } const Accordion = ShadcnAccordion; export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

Installation

Files

components

Styles