fn-design-system/components/accordion.md

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, output, tested, tests, test_file_path, file_path, props, emits, has_state, framework, variant

name	kind	lang	domain	version	purity	signature	description	tags	uses_functions	uses_types	returns	returns_optional	error_type	imports	output	tested	tests	test_file_path	file_path	props	emits	has_state	framework	variant
accordion	component	ts	ui	1.0.0	impure	Accordion(props: AccordionProps): JSX.Element	Secciones colapsables con animaciones. Mantine Accordion. Composable: AccordionItem + AccordionTrigger + AccordionContent.	accordion collapsible component ui interactive mantine				false		@mantine/core	Componente Accordion que renderiza secciones colapsables con soporte para múltiples items abiertos simultáneamente	false			frontend/functions/ui/accordion.tsx	name type required description className string false Clases CSS adicionales para el contenedor		false	react

Ejemplo

<Accordion defaultValue="section-1">
  <AccordionItem value="section-1">
    <AccordionTrigger>Seccion 1</AccordionTrigger>
    <AccordionContent>
      Contenido de la primera seccion.
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value="section-2">
    <AccordionTrigger>Seccion 2</AccordionTrigger>
    <AccordionContent>
      Contenido de la segunda seccion.
    </AccordionContent>
  </AccordionItem>
</Accordion>

Notas

Usa Mantine Accordion nativo. Soporta type single (default) y multiple para multiples items abiertos. El chevron se maneja automaticamente por Mantine. AccordionItem requiere prop value unico. Exports: Accordion, AccordionItem, AccordionTrigger, AccordionContent.