#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

false

Is the list expanded at the beginning

expandTextstring

__("Show more")

The text of the element to expand the list

limitnumber

4

the limit of visible elements when collapsed