Text

Code


                                                        
                                                        
                                                            <PyxisText> Text Slot </PyxisText>
                                                        
                                                            

Example of a purple Text component with an icon

Props

The Text component supports the following props:

Name

Type

Default

Required

size

'4xl'|'3xl' |'2xl' |'xl' |'l' |'l-bold' |'m' |'m-bold' |'s' |'s-bold'|'xs-bold'|'xs'

's'

false

customTag

string |CxOptions

undefined

false

class

string

undefined

false

dataTestid

string

undefined

false

Slots

The Text component offers the following slots for managing its template content:

  • v-slot:default : This slot is used to provide the text in the component.