Show More
Truncates long content with an expandable toggle button.
Usage
Wrap long text or content blocks in a ShowMore component.
Maya UI is a premium component library. It provides beautiful, handcrafted components that work flawlessly in Nuxt environments out of the box. Every detail is meticulously designed.
The components are completely customizable using native CSS variables. We prefer standard, semantic CSS over utility classes to give you absolute control without the clutter. This means you can integrate Maya into any architecture seamlessly.
ShowMore API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
maxHeight | string | 120px | The height at which the content will be truncated. |
labelShow | string | Show more | Button text when collapsed. |
labelHide | string | Show less | Button text when expanded. |