20 Best React Accordion UI Component For Web Developers
Take a look at these 20 samples of React Accordion UI Component for inspiration.
A React Component-wrapper for collapse animation for elements with variable height
Component-wrapper for collapse animation for elements with variable (and dynamic) height
A keyboard accessible before & after component for React
React Comparison Slider is a fully customizable component for building bespoke, keyboard-accessible "before & after" sliders for the web.
A simple accordion style app built with React
A simple accordion style app built with React.
FAQ-Accordion-Card build with React.js and hooks
FAQ-Accordion-Card build with React.js and hooks (useState).
A custom accordion using React components
A custom accordion using React components.
A React custom-hook for creating flexible and accessible expand/collapse
A custom hook for creating accessible expand/collapse components in React.
Full page fancy React accordion
Full page (or set height) fancy React accordion.
React/redux wrappers for auto-scrolling react-collapse components
Component wrappers for auto-scrolling collapsible elements - with smooth animations powered by react-motion and react-collapse.
Close React component by pressing Escape or clicking outside of it
Higher Order Component to close wrapped component by pressing ESC key or clicking outside.
Collapse library based on css transition for React
Collapse component with CSS transition for elements with variable and dynamic height.
Accordion react component with animation
Accordion react component with animation.
A very lightweight accordion component in React
A very lightweight accordion component in React (only has one dependency).
React state managing components for creating accordions and tabs
Universal, semantic and accessible React state managing components for creating Accordions and Tabs
Declarative and accessible React tabs component
Declarative, modular and accessible React tabs component.
Accessible react accordion component
React accordion component
rc-collapse ui component for react
rc-collapse ui component for react.
A component for managing active state between multiple items
Universal, semantic and accessible React state managing components for creating Accordions and Tabs
Minimal UI Accordion Component Written In React
Minimal UI Accordion Component Written In React.
React component to wrap content in Collapsible element with trigger to open and close
React Responsive Collapsible Section Component
React component to wrap content in Accordion element
React accordion component which is 100% responsive.
React Accordion UI Component
Great way to get started and practice some ES6, however at the end of this brief guide I was left with only one list item, so I had some fun digging around to figure out how to render a full list of question and answers.
React accordion component with flexbox header
React accordion component with customizable flexbox header.
React Accordeon component with expand/collapse CSS animation
The event trigger can be configured to any component, such in the Navigation and Content
Accessible Accordion component for React
Accessible Accordion component for React. Inspired by rc-collapse and react-sanfona.
Cool accordion with React.js.
a nice React accordion example.
Simple lightweight accordion component
Simple lightweight (1.5kb minified+gzipped) accordion component.
A Simple React Accordion
A Simple React Accordion example.
Simple Accordion Example with React and a11y
These are a11y compliant accordions. Very basic, but a good illustration of how you can implement features rapidly using React.
React Accordion Box
React Accordion Box BY Adam Moore mimic the actions but building it in React.js codepen demo See the Pen React Accordion Box by Adam Moore (@adamaoc) on CodePen.
Accordion component made with React
Accordion - React BY Matthew Vincent Accordion component made with React codepen demo See the Pen Accordion - React by Matthew Vincent (@matthewvincent) on CodePen.