Docs / Components / Neon Rail Accordion

Neon Rail Accordion

A sharp, square accordion with a sliding neon rail indicator and horizontal clip-path content reveal — technical control-panel aesthetic.

Dependencies

Install the following dependencies to use this component:

1npm install motion

Installation

Run the following command in your terminal to add the component to your project:

1npx rankflow-ui@latest add accordion-neon-rail

Props Reference

PropTypeDefaultDescription
itemsAccordionRailItem[]DEFAULT_ITEMSArray of items with id, question, and answer.
accentColorstring#22d3eeAccent color for the sliding rail and open-state highlights.
classNamestring''Additional CSS classes for the wrapper.