@idui/react-kit

React Components kit

Usage no npm install needed!

<script type="module">
  import iduiReactKit from 'https://cdn.skypack.dev/@idui/react-kit';
</script>

README

React Components Kit

NPM Size JavaScript Style Guide LICENSE

Install

npm install --save @idui/react-kit

yarn add @idui/react-kit

Example

  1. Provide theme
import React from 'react';
import { ThemeProvider } from 'styled-components';
import { seaSandTheme } from '@idui/react-kit';

function Layout({ children }) {

    return (
            <ThemeProvider theme={seaSandTheme}>
                {children}
            </ThemeProvider>
    );
}
  1. Import font from your theme
@import url('https://fonts.googleapis.com/css?family=Montserrat:wght@500;700&display=swap')
  1. Use components
import React, { useState } from 'react';
import { ThemeProvider } from 'styled-components';
import { TextInput, Button } from '@idui/react-kit';

function Usage() {
    const [name, setName] = useState('');

    return (
          <div>
              <TextInput name="name" value={name} onChange={setName} />
              <Button outline>Cancel</Button>
              <Button>Submit</Button>
          </div>
    );
}

Available Themes

  • iduiTheme
  • coffeeTheme
  • tendernessTheme
  • sunsetTheme
  • seaSandTheme

Available Components

License

MIT © kaprisa57@gmail.com