rTextReveal
The rTextReveal component is designed to initially display a condensed version of a longer text, offering a brief glimpse to the user. With an interactive toggle control, users can click to reveal the full text and collapse it back to its shortened version.
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
maxLines | number | 3 | ❌ | Number of lines of text to show when not expanded |
Slots
| Name | Description |
|---|---|
default | Text to render |
Code snippet
Example usage:
vue
<template>
<RTextReveal>
Text to render.
</RTextReveal>
</template>