Skip to content
This repository has been archived by the owner on Dec 7, 2022. It is now read-only.

caktus/reaktus

Repository files navigation

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published