babel-plugin-transform-styletron-display-name

Babel plugin to add displayName to styletron-react components

Usage no npm install needed!

<script type="module">
  import babelPluginTransformStyletronDisplayName from 'https://cdn.skypack.dev/babel-plugin-transform-styletron-display-name';
</script>

README

babel-plugin-transform-styletron-display-name

Check our documentation at styletron.org.

Adds displayName to styletron-react components.

before

const Foo = styled("div", {
  color: "red"
});
const Bar = styled("div", {
  color: "red"
});

after

Foo = styled("div", {
  color: "red"
});
Foo.displayName = "Foo";
Bar = styled("div", {
  color: "red"
});
Bar.displayName = "Bar";

Install

Using npm:

npm install --save-dev babel-plugin-transform-styletron-display-name

or using yarn:

yarn add babel-plugin-transform-styletron-display-name --dev