Skip to content
/ styco Public

Transform Tags with style-props to styled components

License

Notifications You must be signed in to change notification settings

Agreon/styco

Repository files navigation

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)
  • objectSyntax: Output the styled component in object syntax. (default: false)

About

Transform Tags with style-props to styled components

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published