Introduction

Qwil React Components

General Shared React components for QWIL

Installation

npm

npm i qwil-react-components

yarn

yarn add qwil-react-components

Documentation

here

<Button />

Button component to wrap our styles and default state.

Component Usage

import { Button } from 'qwil-react-components';

<Button className="primary" onClick={(e) => {}}>
 Action Name
</Button>

Name Type Default Description
children Node null Chidlren elements
disabled Bool false whether the button is disabled
fullWidth Bool false Whether the Button should be width 100% or not
id String '' button id
onClick Func () => {} onClick event
type String 'button' Button type, defaults to "button". "submit" is also a valid option
variant String 'default' one of ['default', 'secondary', 'tertiary']