[RFC] Text Component

[SamrithaS]

Introduction Text is used to render text and paragraphs within an interface. Text is derived fromBoxcomponent as a paragraph <p> and it can take all styles that Box does

Props

• fontSize
• fontFamily
• Color
• fontWeight
• lineHeight
• letterSpacing
• textAlign
• fontStyle
• textTransform
• textDecoration
• m
• mt
• mb
• mr
• ml
• mx
• my
• p
• pt
• pb
• pr
• pl
• px
• py
• va
• ha

[prasanna1211]

as per chakra, Text is a dependency of box and rendered as p tag. Read this

[SamrithaS]

@prasanna1211 okay read it, Is there any change that I should impose in this RFC?

[prasanna1211]

No. Box component becomes a dependency for this. So lets wrap Box, then Text then Button.

[navin-moorthy]

Is Button built on top of Box and Text? Why can't this be a separate one? In chakra it is built on top of PseudoBox.

[prasanna1211]

Primarily to commonize props. So any component that uses box will have same prop definitions throughout. They have Box as lower level primitive. Box has 'as' props which gives flexiblity to render it as anything.

[prasanna1211]

But for us we are going to use their Text component. We just need to wait till box is completed. After which we can use their text (understand their code first) to create our own.

[navin-moorthy]

Okay, this means we should wait until Box component is built for use.

[prasanna1211]

Yes.

[prasanna1211]

Closing this as it is merged