[react] Added a "boxShadow" optional property to the "CSSProperties" interface (#14726)

* [react] Added a "boxShadow" optional property to the "CSSProperties" interface.
MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

* Added a test for CSSProperties.boxShadow
This commit is contained in:
Matt 2017-03-11 11:09:13 +11:00 committed by Mohamed Hegazy
parent 0c3f15aaed
commit 6f89467eb3
2 changed files with 8 additions and 0 deletions

6
react/index.d.ts vendored
View File

@ -942,6 +942,12 @@ declare namespace React {
*/
boxFlexGroup?: CSSWideKeyword | number;
/**
* Cast a drop shadow from the frame of almost any element.
* MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
*/
boxShadow?: CSSWideKeyword | any;
/**
* The CSS break-after property allows you to force a break on multi-column layouts. More specifically, it allows you to force a break after an element. It allows you to determine if a break should occur, and what type of break it should be. The break-after CSS property describes how the page, column or region break behaves after the generated box. If there is no generated box, the property is ignored.
*/

View File

@ -24,6 +24,8 @@ const fontWeightStyleTest = <div style={fontWeightStyle} />;
const justifyContentStyle: React.CSSProperties = { justifyContent: 'space-evenly' };
const justifyContentStyleTest = <div style={justifyContentStyle} />;
const boxShadowStyle: React.CSSProperties = { boxShadow: '2px 2px 2px 1px rgba(0, 0, 0, 0.2)' };
const boxShadowStyleTest = <div style={boxShadowStyle} />;
// SVG specific style attribute declarations