reaktus

## 🚀 Use 1. In your project, install `reaktus` using `npm`. `react`, `react-dom` and `styled-components` are peer dependencies. ```bash npm i reaktus styled-components ```

Usage no npm install needed!

<script type="module">
  import reaktus from 'https://cdn.skypack.dev/reaktus';
</script>

README

Reaktus

A component library for React, by Caktus Group 🌵

🚀 Use

  1. In your project, install reaktus using npm. react, react-dom and styled-components are peer dependencies.
npm i reaktus styled-components
  1. Then import:
import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import { Button, POSITIVE, Input } from 'reaktus';

function MyForm() {
    const [email, setEmail] = useState('');
    const [password, setPassword] = useState('');

    return (
        <form>
            <Input type='email' value={email} onChange={e => setEmail(e.target.value)} label="Email" />
            <Input type='password' value={password} onChange={e => setPassword(e.target.value)} label="Password" />
            <Button variant={POSITIVE} onClick={() => alert('Not really logging in.')}>Log in!</Button>
        </form>
    )
}

ReactDOM.render(<MyForm />, document.getElementById('root'));

🔥 Develop

  1. Clone the repo:
git clone https://github.com/caktus/reaktus.git
  1. Install dependencies:
cd reaktus
npm i
  1. Start styleguidist server:
npm run start
  1. Open browser to localhost:6060

🔨 Test

  1. Clone the repo:
git clone https://github.com/caktus/reaktus.git
  1. Install dependencies:
cd reaktus
npm i
  1. Run tests:
npm run test