Skip to content
Transform Tags with style-props to styled components
TypeScript JavaScript
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows refactoring and added tests May 17, 2020
.vscode Release 0.1.3 May 11, 2020
src
.gitignore
.vscodeignore
CHANGELOG.md
LICENSE Create LICENSE May 16, 2020
README.md #1: Add import statement creation May 17, 2020
babel.config.js refactoring and added tests May 17, 2020
demo.gif
jest.config.js refactoring and added tests May 17, 2020
package.json
styco_logo.png Added logo Oct 12, 2019
tsconfig.json
tslint.json
webpack.config.js Release 0.1.3 May 11, 2020
yarn.lock refactoring and added tests May 17, 2020

README.md

StyCo README

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

VSCode Marketplace: Link

Demo

Demo

Usage

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

Configuration

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)
You can’t perform that action at this time.