ExpandableRichText

El componente ExpandableRichText trunca texto largo y proporciona un botón de “Leer más”.

Playground

Props

Ejemplos

Líneas Personalizadas

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus.

Color Personalizado

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque.

Props

Prop	Tipo	Predeterminado	Descripción
`as`	`ElementType`	`'div'`	El contexto del elemento HTML.
`children`	`ReactNode`	-	El contenido de texto enriquecido.
`className`	`string`	-	Clases CSS adicionales.
`color`	`ThemeColor`	`'link'`	El color del botón de “Leer más”.
`expandable`	`boolean`	`true`	Habilita o deshabilita la lógica de truncado.
`lines`	`number`	`3`	El número de líneas que se muestran al colapsar.
`onExpand`	`(expanded: boolean) => void`	-	Callback cuando cambia el estado de expansión.