Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support box-shadow

See original GitHub issue

Some style features will require editing the Sx prop typescript object, as well as the css file for react native.

Issue Analytics

State:
Created 3 years ago
Reactions:1
Comments:22 (22 by maintainers)

Top GitHub Comments

1reaction

nandorojocommented, Sep 29, 2021

Dripsy v3 comes with fantastic support for box shadow and text shadow. You can see more at #124.

It comes with a new theme.textShadows field, which is typed for RN. theme.shadows is also now typed with RN types. The sx prop accepts all textShadow* and shadow* props.

And, you can also pass values from your theme directly to textShadow or boxShadow in sx. It will pull these values from your theme, with intellisense!

1reaction

nandorojocommented, Dec 2, 2020

Yeah, I’d stick to using a native view when calling createThemedComponent for now. #33 is a high priority issue in my mind, but I haven’t been able to figure it out quite yet. Any help on that would be amazing, since it’s also blocking the pragma and other useful features.

I’ll be putting out some release notes later when I publish the major changes from fresnel-2.

Top Results From Across the Web

CSS3 Box-shadow | Can I use... Support tables for ... - CanIUse

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. ... CSS3 Box-shadow....

box-shadow - CSS: Cascading Style Sheets - MDN Web Docs

The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is ......

box-shadow - CSS-Tricks

The box-shadow property in CSS is for putting shadows on elements (sometimes referred to as "drop shadows", ala Photoshop/Figma).

CSS box-shadow property - W3Schools

The box-shadow property attaches one or more shadows to an element. ... in the table specify the first browser version that fully supports...

Browser Compatibility Testing of CSS3 Box-shadow

BROWSER SUPPORT FOR CSS3 Box-shadow · Google Chrome · Mozilla Firefox · Internet Explorer · Safari · Microsoft Edge · Opera.