A component library for React, by Caktus Group ๐ต
- In your project, install
reaktus
using npm
. react
, react-dom
and styled-components
are peer dependencies.
npm i reaktus styled-components
- 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'));
- Clone the repo:
git clone https://github.com/caktus/reaktus.git
- Install dependencies:
- Start
styleguidist
server:
- Open browser to
localhost:6060
- Clone the repo:
git clone https://github.com/caktus/reaktus.git
- Install dependencies:
- Run tests: