#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.
Name | Type | Default | Description | Controls |
---|---|---|---|---|
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" | |
collapseText | string |
| The text of the element to collapse the list | |
defaultExpanded | boolean | - | Is the list expanded at the beginning | |
expandText | string |
| The text of the element to expand the list | |
limit | number | - | the limit of visible elements when collapsed |