babel-plugin-glamorous-displayname
This plugin adds a displayName property to your Glamorous components for use with React DevTools.
Example
In
const MyStyledButton = glamorous.button();
Out
const MyStyledButton = glamorous.button();
MyStyledButton.displayName = 'MyStyledButton'
Installation
$ npm install babel-plugin-glamorous-displayname
Usage
Via .babelrc
(Recommended)
.babelrc
{
"plugins": ["glamorous-displayname"]
}
Via CLI
$ babel --plugins glamorous-displayname script.js
Via Node API
require('babel').transform('code', {
plugins: ['glamorous-displayname']
});