@instructure/babel-plugin-transform-class-display-name

---

category: packages

@instructure/babel-plugin-transform-class-display-name

!npmnpmnpm-url
A transform to add a displayName to React components. This is required for @instructure/ui-themeable because it uses the displayName to scope the CSS variables.

Installation

yarn add --dev @instructure/babel-plugin-transform-class-display-name

Usage

In your .babelrc file:

{
  "plugins": ["@instructure/babel-plugin-transform-class-display-name"]
}