@jouwomgeving/ui-button

    1.2.10 • Public • Published

    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

    Keywords

    none

    Install

    npm i @jouwomgeving/ui-button

    DownloadsWeekly Downloads

    15

    Version

    1.2.10

    License

    UNLICENSED

    Unpacked Size

    46.7 kB

    Total Files

    20

    Last publish

    Collaborators

    • peter_tijdink
    • pfrederiks
    • jbovenschen
    • ystap
    • ivanhulzen
    • dkainama
    • rvanleeuwen
    • heesink
    • hellobramkok
    • dbunskoek