/ui/rich-text

El componente BkRichText se usará añadir texto con formato que venga del CMS o que querramos añadir de manera estática.

Soy un título h2... Se pueden usar otros headings

Soy un párrafo con un enlace y un attr class al párrafo

Soy un párrafo con un texto strong para hacer énfasis

Soy un párrafo con un span de diferente color a través de un attr style

<BkRichText
    richTextData='
        <h2>Soy un título h2... Se pueden usar otros headings</h2>
        <p class="ejemplo">Soy un párrafo con un <a href="#">enlace</a> y un attr class al párrafo</p>
        <p>Soy un párrafo con un texto <strong>strong</strong> para hacer énfasis</p>
        <p>Soy un párrafo con un <span style="color: magenta">span de diferente color</span> a través de un attr style</p>
    '
    textColor='primary'
/>

Color

Soy un título h2... Se pueden usar otros headings

Soy un párrafo con un enlace y un attr class al párrafo

Soy un párrafo con un texto strong para hacer énfasis

Soy un párrafo con un span de diferente color a través de un attr style

Soy un título h2... Se pueden usar otros headings

Soy un párrafo con un enlace y un attr class al párrafo

Soy un párrafo con un texto strong para hacer énfasis

Soy un párrafo con un span de diferente color a través de un attr style

<BkRichText
    richTextData='
        <h2>Soy un título h2... Se pueden usar otros headings</h2>
        <p class="ejemplo">Soy un párrafo con un <a href="#">enlace</a> y un attr class al párrafo</p>
        <p>Soy un párrafo con un texto <strong>strong</strong> para hacer énfasis</p>
        <p>Soy un párrafo con un <span style="color: magenta">span de diferente color</span> a través de un attr style</p>
    '
    textColor='accent'
/>
<BkRichText
    richTextData='
        <h2>Soy un título h2... Se pueden usar otros headings</h2>
        <p class="ejemplo">Soy un párrafo con un <a href="#">enlace</a> y un attr class al párrafo</p>
        <p>Soy un párrafo con un texto <strong>strong</strong> para hacer énfasis</p>
        <p>Soy un párrafo con un <span style="color: magenta">span de diferente color</span> a través de un attr style</p>
    '
    textColor='#FF00FF'
/>

Nombre	Type	Default	Descripción
fontSize	string	18px	Tamaño de la fuente.
richTextData	string		Contenido del component en texto formateado.
sx	object	{}	Da estilos al BkBox que funciona como wrapper
textColor	string"		Proporciona estilos de color a la tipografía.