Accordion

A neumorphic accordion component with expandable content sections.

TSX
import { Accordion } from "looply-comp-lib";

Accordion

The Accordion component displays collapsible content sections with smooth transitions.

Usage

JSX
import { Accordion } from "looply-comp-lib";

<Accordion
  items={[
    { title: "Question one?", text: "Answer to question one." },
    { title: "Question two?", text: "Answer to question two." },
  ]}
/>

Props

PropTypeDescription
items{ title: string; text: string }[]Array of accordion items

Features

  • Each item is a separate neu-flat bar
  • Plus icon in neu-inset circle rotates 45° when open
  • Expanded content wrapped in neu-inset panel
  • Smooth expand/collapse animation

Demo

What is LoopUI?

LoopUI is a modern component library built with React and Tailwind CSS.

How do I install it?

Install via npm and import components directly into your project.

Is it free?

Yes! LoopUI is completely free and open source.