react-theme-components v0.1.1

react-theme-components

How to install?

npm i react-theme-components

Basic use

import { Button } from 'react-theme-components'

...
render() {
  return (
    <Button>This is a button</Button>
  );
};

Inline style

import { Button } from 'react-theme-components'

...
render() {
  return (
    <Button
      style={{
        color: 'red'
      }}
      >This is a button</Button>
  );
};

Editable attributes inline style

Button

InputText

Title

You can create a theme

import { Button, Title, Provider } from 'react-theme-components'

...
render() {
  return (
    <Provider theme={{
      Button: {
        color: 'red'
      },
      Title: {
        color: 'red'
      }
    }}>
      <Button>This is a button</Button>
      <Title>This is a Title</Title>
    </Provider>
  );
};

Editable attributes through the theme

Button

InputText

Title