Files
fn_registry/frontend/functions/ui/accordion.md
T
egutierrez 2d108c295a refactor: migrate frontend from shadcn/Tailwind to Mantine v9
Reescribe todos los componentes UI para usar Mantine v9 en lugar de shadcn/Tailwind.
Elimina cn(), CVA, components.json, theme_provider custom y globals.css con Tailwind.
Añade 25+ componentes nuevos (AppShell, AuthForm, DatePickerInput, Dropzone, etc.)
y MantineProvider como wrapper estándar del sistema de temas.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-06 23:46:44 +02:00

1.6 KiB

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.