@blaze-react/switches NPM | npm.io

0.7.0 • Published 19 days ago

Install

Weekly downloads

379

License

ISC

Repository

Last release

19 days ago

Description

Switches component is a digital on/off switch used for activating one of two predefined options.

Usage

Group

const multiple = [
  {
    id: 1,
    label: "Switch text"
  },
  {
    id: 2,
    label: "Switch text"
  },
  {
    disabled: true,
    id: 4,
    label: "Disabled"
  }
];

<Switches
  options={multiple}
  modifier={Switches.availableModifiers.secondary}
  onChange={({ event, value }) => {}}
/>;

Single

const single = {
  label: "Switch text",
  required: true
};

<Switches
  options={single}
  returnBoolean
  onChange={({ event, value }) => {}}

API

Switches can receive a number of `props` as follow:

NAME	TYPE	DEFAULT	OPTIONS
modifier	String	empty	primary, secondary, default, unchecked, checked disabled
labelPosition	String	right	right, left, top, base
validationMessage	String	This field is required
options	Array or Object	[]
disabled	Boolean	false
required	Boolean	false
returnBoolean	Boolean	false
error	Boolean	false
onChange	Function	() => {}

react react-dom

19 days ago

19 days ago

19 days ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

6 months ago

9 months ago

9 months ago

10 months ago

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago