6.1.7 • Published 2 years ago

@crave/farmblocks-input-checkbox v6.1.7

Weekly downloads
973
License
MIT
Repository
github
Last release
2 years ago

Farmblocks Checkbox Inputs

Input elements that behaves like a toggle:

  • Checkbox
  • Switch

Installation

npm install @crave/farmblocks-input-checkbox

Usage

import React, { Component } from "react";
import { render } from "react-dom";
import { Checkbox, Switch } from "@crave/farmblocks-input-checkbox";

const root = document.createElement("div");
document.body.appendChild(root);

render(
  <div>
    <Checkbox label="Checkbox Label" />
    <Switch label="Switch Label" />
    <Checkbox checked label="Checkbox Label" />
    <Switch checked label="Switch Label" />
    <Checkbox disabled checked label="Checkbox Label" />
  </div>,
  root,
);

See the stories source code for more usage examples.

Properties

The core of the Checkbox and Switch components is an html input element of type type="checkbox". So the APIs are very similar.

This component also accepts the properties disabled and tooltipText from the Disabled Tooltip HOC

Extra Properties

In addition to the properties described above, there are some other optional properties:

propertytypedescription
labelstringa text to be used as label for the checkbox field
innerReffunctionref function passed to the component

License

MIT

6.1.6

2 years ago

6.1.7

2 years ago

6.1.5

3 years ago

6.1.2

3 years ago

6.1.1

3 years ago

6.0.4

3 years ago

6.1.0

3 years ago

6.0.3

3 years ago

6.0.2

4 years ago

6.0.1

4 years ago

6.0.0

4 years ago

5.4.10

4 years ago

5.4.9

4 years ago

5.4.8

4 years ago

5.4.7

4 years ago

5.4.6

4 years ago

5.4.5

4 years ago

5.4.4

4 years ago

5.4.3

4 years ago

5.4.2

4 years ago

5.4.1

4 years ago

5.4.0

4 years ago

5.3.0

4 years ago

5.2.3

5 years ago

5.2.2

5 years ago

5.2.1

5 years ago

5.2.0

5 years ago

5.1.2

5 years ago

5.1.1

5 years ago

5.1.0

5 years ago

5.0.0

5 years ago

4.2.2

5 years ago

4.2.2-alpha.26

5 years ago

4.2.1

5 years ago

4.2.1-alpha.10

5 years ago

4.2.0

5 years ago

4.1.2-alpha.1

5 years ago

4.1.1

5 years ago

4.1.1-alpha.13

5 years ago

4.1.1-alpha.12

5 years ago

4.1.0

5 years ago

4.0.6

5 years ago

4.0.5

5 years ago

4.0.4

5 years ago

4.0.3

5 years ago

4.0.2

6 years ago

4.0.1

6 years ago

4.0.0

6 years ago

3.1.6

6 years ago

3.1.5

6 years ago

3.1.4

6 years ago

3.1.3

6 years ago

3.1.2

6 years ago

3.1.1

6 years ago

3.1.1-alpha.0

6 years ago

3.1.0

6 years ago

3.0.0

6 years ago

2.0.0

6 years ago

1.2.9

6 years ago

1.2.8

6 years ago

1.2.7

6 years ago

1.2.6

6 years ago

1.2.5

6 years ago

1.2.4

6 years ago

1.2.3

6 years ago

1.2.2

6 years ago

1.2.1

6 years ago

1.2.0

6 years ago

1.1.0

6 years ago

1.0.0

6 years ago

0.2.5

6 years ago

0.2.4

6 years ago

0.2.3

6 years ago

0.2.2

6 years ago

0.2.1

6 years ago

0.2.0

6 years ago