wiki-Text

Ver en Git

---

Text

El componente Text permite aplicar estilos comunes como subrayado, negrita, deshabilitación, y estilos personalizados mediante clases CSS o propiedades en línea. Está pensado para usarse en cualquier lugar donde se necesite personalizar el formato del texto.

Referencia de la API

Props

Propiedad	Tipo	Descripción	Valor por defecto
styles	CSSProperties	Estilos en línea aplicados al texto.	undefined
className	string	Clase CSS personalizada para el texto.	undefined
underline	boolean	Si es true, aplica subrayado al texto.	false
disabled	boolean	Si es true, aplica estilos que indican que el texto está deshabilitado.	false
bold	boolean	Si es true, aplica negrita al texto.	false
children	ReactNode	Contenido del texto que se renderiza dentro del componente.	Requerido

Ejemplo de uso

import { Text } from '@auravant/ui-kit';

<div>
 <Text bold underline>
 Texto en negrita y subrayado
 </Text>
 <Text disabled styles={{ color: 'gray' }}>
 Texto deshabilitado
 </Text>
 <Text className="custom-class" styles={{ fontSize: '20px' }}>
 Texto con estilo personalizado
 </Text>
</div>;

Notas

• Las propiedades como underline, bold y disabled añaden clases específicas al componente para aplicar estilos.
• Si se pasa una clase personalizada mediante className, se combinará con las clases predeterminadas.
• El texto dentro del componente debe ser pasado como children.