search

styled-components / styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
https://styled-components.com
MIT License
40.11k stars 2.48k forks source link

Update options css for text-wrap #4262

Open Anna-AP opened 2 months ago

Anna-AP commented 2 months ago

Hello,

Currently, for css text-wrap, the library provides the options none | normal | avoid | [initial | inherit | unset | revert].

Text-wrap also has balance, pretty, stable etc. options. Doc

Is it planned to support these options? If not, how can we get around it?

multivoltage commented 2 months ago

Can you provide example?

because

const MyDiv = styled.div`
 text-wrap: balance;
`

works

Anna-AP commented 2 months ago

Yes, when I want use this property, I have an error.

image

multivoltage commented 2 months ago

also tried 

const  GlobalS = createGlobalStyle`
    body {
        text-wrap: wrap;
    }
`

does you code work on browser? Maybe is an vscode bug?

Anna-AP commented 2 months ago

I must have had a problem when I tried to use the property, but it seems to be working in my browser at the moment. This was not the case at the time of my question. The site being a legacy, I had tested on a new environment, without success either.

I imagine that for the IDE (phpstorm), we'll be able to live with it^^

Sorry for the inconvenience and thank you for your time :)