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>