styled-conditions
v1.0.2
Published
Flag utility for emotion CSS-in-JS to conditionally apply styles
Downloads
11
Maintainers
Readme
Flag utility for emotion CSS-in-JS to conditionally apply css depending on React props including support for styled-system.
Install
npm i --save styled-conditions
Usage
import styled from '@emotion/styled';
import { is } from 'styled-conditions';
const Button = styled(MyComponent)`
${is('black')`
color: black;
`}
${isNot('devil')`
color: ${props => props.theme.colors.colorForAngels};
`}
`;