package.src.demos.ExpandableSection.ExpandableSection.md Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of react-core Show documentation

This library provides a set of common React components for use with the PatternFly reference implementation.

The newest version!

---
id: Expandable section
section: components
---

## Demos


### Expandable text with character truncation

You can truncate long sections of text and add a "Show more" link that allows users to expand and view the full text content.

To specify the number of characters shown prior to truncation, use a `` component and pass a `maxWidth` to the `style` attribute.

```ts file='./examples/ExpandableTextDemo.tsx'

```