@nimbus-ds/collapsible
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

@nimbus-ds/collapsible

@nimbus-ds/collapsible

The Collapsible is a component that can hid and show another component when a event is triggered from a button or a link.

Installation

$ yarn add @nimbus-ds/collapsible
# or
$ npm install @nimbus-ds/collapsible

Component Anatomy

The component consists of a Item, Body and a container that can encapsulate the logic of hide and show some stuff.

Guidelines

We use Collapsible to hide some content and show it only when a open event is triggered

Recommendations for use

  • Hide and show a component
  • Display a hint of a text and hide the bigger part of it until the user click on a button

Related components

  • Accordion - It is a component allows us to compress content into containers that can be opened or closed.

Usage

View docs here.

Nimbus

Readme

Keywords

none

Package Sidebar

Install

npm i @nimbus-ds/collapsible

Weekly Downloads

20

Version

1.0.1

License

MIT

Unpacked Size

17.7 kB

Total Files

5

Last publish

Collaborators

  • nimbus-design-system
  • tiendanubeorg
  • npmdevelopertn
  • eduardo.nuvemshop