@hig/radio-button NPM | npm.io

2.2.0 • Published 2 years ago

Install

Weekly downloads

1

License

Apache-2.0

Repository

Last release

2 years ago

Radio Button

Radio Buttons provide a control to select one exclusively from a list of options.

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

Getting started

Install the package

yarn add @hig/radio-button @hig/theme-context @hig/theme-data

Import the component

import RadioButton from '@hig/radio-button';

Basic usage

<RadioButton name="radio-button-group" value="Yes" />

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.

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

import RadioButton from '@hig/radio-button';

function YourComponent() {
  // ...
  const customStylesheet = (styles, props, themeData) => ({
    ...styles,
    radioButtonWrapper: {
      ...styles.radioButtonWrapper,
      color: themeData["colorScheme.errorColor"]
    }
  });

  return (
    <RadioButton stylesheet={customStylesheet} />
  );
}

@hig/behaviors emotion prop-types

@infinitebrahmanuniverse/nolb-_hig @everything-registry/sub-chunk-395 @hig/components @zalastax/nolb-_hig

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

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

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

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