@jouwomgeving/ui-button

ui-button

$ npm install @jouwomgeving/ui-button

Button

Usage

import React from 'react';

import * as Button from '@jouwomgeving/ui-form';

const Layout = () => (
  <div>
    <Button.default label="1">
  </div>
);

export default Layout;

About

The main JO button component, this is a button which contains multiple styles.

Properties

Prop	Values	Default	Required
prefix	ReactElement		No
suffix	ReactElement		No
label	string		Yes
type	primary, secondary	primary	No
disabled	boolean	false	No

Group

Usage

import React from 'react';

import * as Button from '@jouwomgeving/ui-form';

const Layout = () => (
  <Button.Group>
    <Button.default label="1">
    <Button.default label="2">
    <Button.default label="3">
    <Button.default label="4">
  </Button.Group>
);

export default Layout;

About

A Wrapper for the Button which will be used to give the Button component no rounded borders. Also it support vertical and horizontal directions.

Properties

Prop	Values	Default	Required
direction	horizontal, vertical	horizontal	Yes
children	ReactElement		Yes