Collapse Content
#
SimpleSimplest collapse content have title and children.
This is title
This is children.
#
DescriptionAdd description by description
prop.
This is title
DescriptionThis is children.
#
ImageAdd image by image
prop.
This is title
This is children.
#
Image background colorAdd image background color by imageBackground
prop.
This is title
This is children.
#
Before titleAdd something before title by beforeTitle
prop.

This is title
This is children.
#
ContendIdUse contentId
for jump to content.
This is title
This is children.
#
CompactSet the padding of the title conteiner to '10px 20px' by adding compact
prop. Default padding: 20px
This is title
This is children.
#
OpenActivates open function of container and collapse tag by open
prop.
This is title
This is children.
#
APIName | Type | Default | Description |
---|---|---|---|
contendId | string | Jump to content | |
title | string | Define title | |
children | React.ReactNode | Declare content | |
description | React.ReactNode | Description that will be displayed under title | |
open | boolean | Activates open function of container and collapse tag | |
compact | boolean | 20px | Define height of title container |
image | string | Image that will be placed instead of arrows | |
beforeTitle | React.ReactNode | React node that will be placed left side of title | |
onClick | function | Define click handler function | |
imageBackground | string | Background color of image | |
id | string | Gives id to collapse content |