#Overview

The <ExpandMore /> component saves space by initially showing only a few items from a list of child components. This reduces visual clutter and keeps the interface organized, allowing users to expand for more details only when needed.

NameTypeDefaultDescriptionControls
children *ReactNode
-

A list of items to be displayed

-
collapseAriaLabel *string
-

The aria label of the element to collapse the list to gives more context about what is shown, e.g. "show less product reviews"

expandAriaLabel *string
-

the aria label of the element to expand the list to give more context about what is shown, e.g. "show more product reviews"

collapseTextstring
"Show less"

The text of the element to collapse the list

defaultExpandedboolean
-

Is the list expanded at the beginning

expandTextstring
"Show more"

The text of the element to expand the list

limitnumber
-

the limit of visible elements when collapsed