👨‍🎨
Styled Conditions

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};
  `}
`;

License

MIT