babel-plugin-filbert

A Babel plugin for filbert, converts styled.div syntax to styled('div') calls.

Install

npm install --save babel-plugin-filbert

How to use

Edit .babelrc.json

1{
2 "presets": [...],
3 "plugins": ["babel-plugin-filbert"]
4}

And now you can create your components using styled.* syntax:

1import React from 'react';
2import { styled } from 'filbert';
3
4const Button = styled.button`
5 margin: 0;
6 padding: 1rem;
7 font-size: 1rem;
8 background-color: tomato;
9`;