When developing new components I usually start of writing css inline using the normal style object, like so:
<div style={{backgroundColor: 'red', border: '1px solid blue' }} />
It would be nice if this plugin could hook into the refactor context menu and add an "extract Styled Component" option. Just like we already have a "Extract Component..." option:
Then from the aboven example create something like:
const MyComponent = styled.div`
background-color: red;
border: 1px solid blue;
`
When developing new components I usually start of writing css inline using the normal style object, like so:
<div style={{backgroundColor: 'red', border: '1px solid blue' }} />It would be nice if this plugin could hook into the refactor context menu and add an "extract Styled Component" option. Just like we already have a "Extract Component..." option:
Then from the aboven example create something like: