@jouwomgeving/ui-button

Dictator package JO ui button

Stats

StarsIssuesVersionUpdatedCreatedSize
@jouwomgeving/ui-button
1.2.10a year ago5 years agoMinified + gzip package size for @jouwomgeving/ui-button in KB

Readme

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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.