Hello,
I wanted to understand how the typography works inside the UI kit elements.
How would i implement font.body.small token for instance?
Hi @NinoKezherashvili , those tokens are yet to be supported in UI Kit. However you do have the option to render the Text component with that size using the size prop
<Text size="small" />
Thank you. Additional question, if I want to mimic the similar behavior for the text elements, how should i proceed?
white-space: normal;
overflow-wrap: break-word;
word-break: break-word;
I tried to do with Box and Xcss properties, but it also have limited properties.
And also for the https://developer.atlassian.com/platform/forge/ui-kit/components/image/ I’m not able to assign the height and the width. “Property ‘height’ does not exist on type ‘IntrinsicAttributes & NativeImageProps’.ts(2322)”. Is that something that will come in the future?
Unfortunately those properties aren’t available at the moment. You’re welcome to raise a feature requests for those style properties here . If your app requires a lot of different styling properties that’s yet to be available in UI Kit, Custom UI may be a more suitable option for you.
For Image, it seems it’s our types that haven’t been updated correctly for that component. If you ignore the type errors with @ts-ignore they should work correctly. We will look to correct the types now so that it’s fixed in the next version of @forge/react