babel-plugin-transform-dot-notation-to-props

Transform React components with dot notation to props

Usage no npm install needed!

<script type="module">
  import babelPluginTransformDotNotationToProps from 'https://cdn.skypack.dev/babel-plugin-transform-dot-notation-to-props';
</script>

README

babel-plugin-transform-dot-notation-to-props

Example

In

<Foo>
    <Foo.bar>
        <Baz />
    </Foo.bar>
</Foo>

Out

<Foo bar={<Baz />} />

Installation

npm install --save-dev babel-plugin-transform-dot-notation-to-props

Usage

.babelrc

{
  "plugins": ["babel-plugin-transform-dot-notation-to-props"]
}

Options

ignoreCapitalizedProps

boolean, defaults to false.