@react-ck/accordion

React CK | Accordion Component

:warning: WARNING: This component library is being updated frequently and it's currently unstable due to being in it's early stages, we advice you to use only in production environments only after version 2.0.0.

The Accordion component is a dynamic and space-saving element tailored for React applications, offering developers an efficient way to manage and present content in a concise manner. This component provides a seamless solution for displaying large amounts of information while optimizing screen real estate and enhancing user interaction.

With the Accordion component, developers can create expandable sections of content that can be toggled open or closed, allowing users to focus on specific details when needed. This feature is particularly useful for displaying lengthy text, detailed descriptions, or additional information without overwhelming the user interface.

Installation

To integrate the this component into your React apps, you can install it using npm or yarn: npm i --save @react-ck/accordion or yarn add @react-ck/accordion.

You will also need to set up the manager, install it using npm or yarn: npm i --save @react-ck/manager or yarn add @react-ck/manager.

Wrap your app root with the theme provider and use this component:

import { Manager } from "@react-ck/manager";
import { Accordion } from "@react-ck/accordion";

const myApp = () => (
    <Manager>
        <Accordion ... />
    </Manager>
);

Check the documentation website - react-ck.js.org.

Changelog

2.0.0 (2024-05-30)

⚠ BREAKING CHANGES

• make icons library tree-shakable

Features

• add menu component (5b04991)
• react-ck: global library package (104678a)
• react-ck: global library package (cd77203)

Bug Fixes

• icon names conflicting with component exports on main lib package (ad5d802)
• make icons library tree-shakable (131264a)
• storybook crashing when entering variation pages (a3aa4ec)