Read More / Less

A component for collapsing and expanding long blocks of text (or any elements you like) with customisable “Read more” and “Close” links.

Any content that is taller than 200px will get auto-collapsed by default. This height can be changed in the component’s settings.

Option Controls

Collapsed Height

Set the height of the container in its collapsed state before it is opened. This height can be changed across different screen sizes.

Animation Speed

Control the timing in milliseconds for the entire opening or collapsing of the container.

Read More Link

Edit the link text for both the ‘read more’ and ‘read less’ links & style the colors, typography and spacing of the links.

chevron-down