styled-x-create-component

Create cross-platform styled-components.

Usage no npm install needed!

<script type="module">
  import styledXCreateComponent from 'https://cdn.skypack.dev/styled-x-create-component';
</script>

README

styled-x-create-component

npm npm npm

Easily create cross-platform styled-x components which can be extended to create design systems. Compatible with React DOM and React Native for truly cross-platform libraries.

Getting Started

Install styled-x-create-component using yarn:

yarn add styled-x-create-component

Usage

Here's an example of how we wrap a react-x TextInput component into a styled-x TextInput so it can be extended.

// Libraries
import createComponent from 'styled-x-create-component';
import TextInput from 'react-x-text-input';

export default createComponent(TextInput);

Contributing

If you have any ideas on how this module could be better, create an Issue or submit a PR.