tako icon indicating copy to clipboard operation
tako copied to clipboard

styled-components support

Open jpangelle opened this issue 5 years ago • 4 comments

When previewing a file in the collapsible tree view, my styled-components code:

const ActionText = styled.button`
  ${props => props.theme.ActionText(props.theme)[props.variant]};
`;

displays like this:

const ActionText = styled.button`
  ___CSS_0___;
`;

jpangelle avatar Apr 21 '20 15:04 jpangelle

Oh wow I noticed this today as well and never put it together that this was due to Tako. I'll check it out!

brumm avatar Apr 21 '20 16:04 brumm

Awesome! Not sure if it is styled-components specifically cause it does seem to work with some styled-components code 🤷

jpangelle avatar Apr 21 '20 16:04 jpangelle

This seems to have turned up in the package I'm using already https://github.com/conorhastings/react-syntax-highlighter/issues/223

I'll keep an eye on it, thanks for reporting!

brumm avatar Apr 21 '20 17:04 brumm

Ah nice find. 🍻

jpangelle avatar Apr 21 '20 18:04 jpangelle