search

radix-ui / themes

Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.
https://radix-ui.com/themes
MIT License
4.76k stars 164 forks source link

Support Display Vertical Font API #540

Closed dearming623 closed 4 days ago

dearming623 commented 5 days ago

How to display fonts vertically, use the Text label, and the mouse cursor is displayed normally. Thank you.

Can we add some apis? Such as

radix-ui is so good
vladmoroz commented 5 days ago

What are you looking to achieve exactly? Do you have examples?

dearming623 commented 4 days ago

What are you looking to achieve exactly? Do you have examples? Thank you for your reply.

<Text orientation="vertical" textGap="0">radix-ui</Text> The result is as follows

r
a
d
i
x
-
u
i

Also the feature I want to implement is the width of the component according to the width of each word.

vladmoroz commented 4 days ago

You can achieve that style with normal CSS. We have no plans do add this as a prop, as it's pretty niche.