3.2.0 • Published 2 years ago

@hig/checkbox v3.2.0

Weekly downloads
8
License
Apache-2.0
Repository
github
Last release
2 years ago

Checkbox

Checkboxes provide a control to select from a list of non-exclusive options.

Read more about when and how to use the Checkbox component on the website.

Getting started

Install the package

yarn add @hig/checkbox @hig/theme-context @hig/theme-data

Import the component

import Checkbox from '@hig/checkbox';

Basic usage

<Checkbox />

Styling

Use the className prop to pass in a css class name to the outermost container of the component. The class name will also pass down to most of the other styled elements within the component.

Checkbox also has a stylesheet prop that accepts a function wherein you can modify its styles. For instance:

import Checkbox from '@hig/checkbox';

function YourComponent() {
  // ...
  const customStylesheet = (styles, props, themeData) => ({
    ...styles,
    checkboxWrapper: {
      ...styles.checkboxWrapper,
      color: themeData["colorScheme.status.error"]
    },
    checkboxInput: {
      ...styles.checkboxInput,
      opacity: 1
    },
    checkboxCheck: {
      ...styles.checkboxCheck,
      padding: `4px`
    },
    checkboxCheckWrapper: {
      ...styles.checkboxCheckWrapper,
      position: `static`
    },
    checkboxIndeterminate: {
      ...styles.checkboxIndeterminate,
      margin: `10px`
    }
  });

  return (
    <Checkbox stylesheet={customStylesheet} />
  );
}
@hig/behaviors@hig/icons@hig/utilsemotionprop-types
@infinitebrahmanuniverse/nolb-_hig@everything-registry/sub-chunk-395@hig/components@hig/table@zalastax/nolb-_hig
3.2.0

2 years ago

3.1.0

2 years ago

3.0.0

2 years ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.0

3 years ago

2.0.9

4 years ago

2.0.8

5 years ago

2.0.7

5 years ago

2.0.6

5 years ago

2.0.5

5 years ago

2.0.4

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago

0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago

0.2.0-alpha.18da9628

6 years ago

0.2.0-alpha.08a74711

6 years ago

0.2.0-alpha.c84a6e41

6 years ago

0.2.0-alpha.921957c5

6 years ago

0.2.0-alpha.7a57fa8b

6 years ago

0.2.0-alpha.fbb1eed0

6 years ago

0.2.0-alpha.477bbd50

6 years ago

0.2.0-alpha.48865d3c

6 years ago

0.2.0-alpha.aedc366f

6 years ago

0.2.0-alpha.17713c8d

6 years ago

0.2.0-alpha.4ce2c078

6 years ago

0.2.0-alpha.09cf217c

6 years ago

0.2.0-alpha.66a8f744

6 years ago

0.2.0-alpha.82c749c4

6 years ago

0.2.0-alpha.48c93906

6 years ago

0.2.0-alpha.b1907560

6 years ago

0.2.0-alpha.1b7641c7

6 years ago

0.2.0-alpha.56f6a944

6 years ago

0.2.0-alpha.e610fd78

6 years ago

0.2.0-alpha.ee727b91

6 years ago

0.2.0-alpha.7d754caa

6 years ago

0.2.0-alpha.a59f6de7

6 years ago

0.2.0-alpha.616cd45d

6 years ago

0.2.0-alpha.6019ddd9

6 years ago

0.2.0-alpha.83e07673

6 years ago

0.2.0-alpha.056cb32e

6 years ago

0.2.0-alpha.81afec57

6 years ago

0.2.0-alpha.8ccba0ce

6 years ago

0.2.0-alpha.07dda526

6 years ago

0.2.0-alpha.24a8dfcc

6 years ago

0.2.0-alpha.d09c21e5

6 years ago

0.2.0-alpha.ece2f933

6 years ago

0.2.0-alpha.d4f39e69

6 years ago

0.2.0-alpha.0cfe988e

6 years ago

0.2.0-alpha.16905717

6 years ago

0.2.0-alpha.2c90eea6

6 years ago

0.2.0-alpha.ead80be1

6 years ago

0.1.1-alpha

6 years ago

0.2.0-alpha.2eb35b95

6 years ago

0.2.0-alpha.53829c48

6 years ago

0.2.0-alpha.51929e35

6 years ago

0.2.0-alpha.da8d993b

6 years ago

0.2.0-alpha.a7e48b6b

6 years ago

0.2.0-alpha.95e96891

6 years ago

0.2.0-alpha.142a1218

6 years ago

0.2.0-alpha.973a0872

6 years ago

0.1.0-alpha.8813910d

6 years ago

0.1.0-alpha.7eda8a42

6 years ago

0.1.0-alpha.91df7da2

6 years ago

0.1.0-alpha

6 years ago

0.1.0-alpha.7efcea38

6 years ago

0.1.0-alpha.b94224c6

6 years ago

0.1.0-alpha.aa9480ec

6 years ago

0.1.0-alpha.711c802c

6 years ago

0.1.0-alpha.9f5ebd81

6 years ago

0.1.0-alpha.a2391bda

6 years ago

0.1.0-alpha.d9fc498c

6 years ago

0.1.0-alpha.baeca6b5

6 years ago

0.1.0-alpha.f7f4402d

6 years ago

0.1.0-alpha.8656cb28

6 years ago

0.1.0-alpha.10c1414e

6 years ago

0.1.0-alpha.4a7e59d3

6 years ago

0.1.0-alpha.f372de37

6 years ago

0.1.0-alpha.69bb2e44

6 years ago

0.1.0-alpha.2edff3e6

6 years ago

0.1.0-alpha.b5deb0cb

6 years ago

0.1.0-alpha.de4da99d

6 years ago

0.1.0-alpha.04e0f0a0

6 years ago

0.1.0-alpha.348d1bd4

6 years ago

0.1.0-alpha.22828f03

6 years ago

0.1.0-alpha.d81fd7fa

6 years ago

0.1.0-alpha.908eccf3

6 years ago

0.1.0-alpha.235b923a

6 years ago

0.1.0-alpha.a529f134

6 years ago

0.1.0-alpha.fc17111c

6 years ago

0.1.0-alpha.22fae66d

6 years ago

0.1.0-alpha.08c3e651

6 years ago

0.1.0-alpha.1b33075a

6 years ago

0.1.0-alpha.256b7acb

6 years ago

0.1.0-alpha.7e067661

6 years ago

0.1.0-alpha.7c77b82f

6 years ago

0.1.0-alpha.18557704

6 years ago

0.1.0-alpha.e1b40010

6 years ago

0.1.0-alpha.d7d7ee5f

6 years ago

0.1.0-alpha.8dd688ca

6 years ago

0.1.0-alpha.4395edf0

6 years ago

0.1.0-alpha.0cdba2d5

6 years ago

0.1.0-alpha.6ba8ec1c

6 years ago

0.1.0-alpha.0c61e5c2

6 years ago

0.1.0-alpha.16f1fbdc

6 years ago

0.1.0-alpha.7a1c48cf

6 years ago

0.1.0-alpha.62ac882f

6 years ago

0.1.0-alpha.60d7230b

6 years ago

0.1.0-alpha.4cc6ad9e

6 years ago

0.1.0-alpha.220eff37

6 years ago

0.1.0-alpha.35b8a71d

6 years ago

0.1.0-alpha.974933cd

6 years ago

0.1.0-alpha.9fb41d04

6 years ago

0.1.0-alpha.7758d737

6 years ago

0.1.0-alpha.c2e500a7

6 years ago

0.1.0-alpha.0e6ea347

6 years ago

0.1.0-alpha.21135dbe

6 years ago

0.1.0-alpha.adf3bfb3

6 years ago

0.1.0-alpha.e9f6f0b1

6 years ago

0.1.0-alpha.011b51bc

6 years ago

0.1.0-alpha.955a974c

6 years ago

0.1.0-alpha.93754d28

6 years ago