Collapse

Last Update : 14 August, 2023 | Published : 01 July, 2023 | 1 Min Read

Collapse - is a accordion component allows users to show and hide sections of content on a page. Usually used to display:

  • Menus and Submenus
  • FAQs and so on

Import

import Collapse from '@intelops/intelops_ui/packages/react/components/Collapse/src';

Create a Collapse

<Collapse
    className= "collapse"
    summary= "Intelops Collapse"
    details= "the information in the collapse file">
</Collapse>

Props

NameTypeDescription
idstringUnique to each element can be used to lookup an element getElementById( )
classNamestringTo add new or to override the applied styles
summarystringTitle/ a glimpse of whats inside
detailsstringThe information on the component

Looking for Cloud-Native Implementation?

Finding the right talent is pain. More so, keeping up with concepts, culture, technology and tools. We all have been there. Our AI-based automated solutions helps eliminate these issues, making your teams lives easy.

Contact Us