Styled-Components-Typescript-Example icon indicating copy to clipboard operation
Styled-Components-Typescript-Example copied to clipboard

Published 20 hours ago • verified publisher icon patrick91

Can we get an example of using extends with TS?

Open IanEdington opened this issue 7 years ago • 0 comments

Something like this:

const VisibilityComponent = styled.div`
  visibility: ${props => props.visible ? 'visible' : 'hidden'};
`;

const MarginedVisibilityComponent = VisibilityComponent.extends`
  ${props => props.margin && `margin: ${props.margin}`};
`;

IanEdington avatar Mar 11 '18 19:03 IanEdington