StyCo README

Transform JSX-Tags with style-props to styled components.

VSCode Marketplace: Link

Demo

Either use the command StyCo with CTRL + SHIFT + P or the code action with CTRL + . while in the line of the style-attribute.

There are several options that can be found in the options.

insertImportStatement: Insert import statement of the detected library if not existent. (default: true)
orderStyleByName: Order styles by name alphabetically. (default: false)
saveAfterExecute: Save the file after command execution. (default: true)
disableCodeAction: Don't show a CodeAction if a style-Attribute is found. (default: false)
objectSyntax: Output the styled component in object syntax. (default: false)

Name		Name	Last commit message	Last commit date
Latest commit History 63 Commits
.github/workflows		.github/workflows
.vscode		.vscode
src		src
.gitignore		.gitignore
.vscodeignore		.vscodeignore
CHANGELOG.md		CHANGELOG.md
LICENSE		LICENSE
README.md		README.md
babel.config.js		babel.config.js
demo.gif		demo.gif
jest.config.js		jest.config.js
package.json		package.json
styco_logo.png		styco_logo.png
tsconfig.json		tsconfig.json
tslint.json		tslint.json
webpack.config.js		webpack.config.js
yarn.lock		yarn.lock