Loading...

Overview Search Channels Q&A Users Files

Thread by Himanshu Thakur (7 replies) | Slack Archive

Channel/Thread

Thread Discussion

Started by Himanshu Thakur • Aug 8, 2025 10:17 AM

Total Replies

7

Participants

2

Activity

Quiet

— No recent activity

Duration

10:17 AM

Aug 8

Original Message

Thread starter

H

Himanshu Thakur10:17 AM

in ui-extension (react.js), how to increase font size, padding and margin

<Text padding={{top: 100, bottom: 10}}>Default Channel:</Text>

Replies

7 messages in thread

Stacey ThomasReply 1Aug 8, 2025 10:21 AM

Font size/formatting is all outlined here: <https://developers.hubspot.com/docs/reference/ui-components/standard-components/text> You can also use bo...

Himanshu ThakurReply 2Aug 8, 2025 10:23 AM

if you dont mind can you give any example?

Stacey ThomasReply 3Aug 8, 2025 10:43 AM

Are you trying to display something in a specific way, just so i can try to help? Without knowing how you want to display something, my examples migh...

Himanshu ThakurReply 4Aug 11, 2025 12:40 PM

how to give margin or padding in text <Text padding={{top: 100, bottom: 10}}>Default Channel:</Text> this above tag is not getting margin or padding ...

Stacey ThomasReply 5Aug 11, 2025 12:51 PM

Thanks Himanshu - so I'm happy to be proven wrong, but i don't believe you can give a text element a margin/padding in that way via Hubspot UI Extensi...

Himanshu ThakurReply 6Aug 11, 2025 1:56 PM

you mean i need to give padding in <Tile> like this <Tile padding={{top: 100, bottom: 10}}>Tile 1</Tile>

Stacey ThomasReply 7Aug 11, 2025 2:10 PM

What you can do in normal React, and what is accepted in Hubspot UI extensions React cards aren't quite the exact same thing - so I would really recom...