Show More

A show more component is an interactive element that allows users to expand or reveal additional content initially hidden or truncated.

Overview

The purpose of a show more components is to provide users with control over the amount of content they want to view. They help manage long or detailed information by initially displaying a condensed version and giving users the option to expand for more details if desired.

When users click on the component, it expands the hidden content, revealing more information, additional sections, or longer text. This allows users to access the complete content that may have been truncated or hidden for brevity or space constraints.

Show more placed underneath a paragraph of text.

Resources

Figma Component	Available
Figma Documentation	Available
Web Components	Planned
Vue [Fozzie]	N/A
React [Snacks]	Available
iOS JustUI [UI Kit]	Available
iOS PIE [SwiftUI]	Planned
Android [XML views]	Planned
Android [Jetpack compose]	Planned