@hig/radio-button NPM | npm.io

2.2.0 • Published 3 years ago

Install

Weekly downloads

1

License

Apache-2.0

Repository

Last release

3 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

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

0.2.0-alpha.18da9628

7 years ago

0.2.0-alpha.08a74711

7 years ago

0.2.0-alpha.c84a6e41

7 years ago

0.2.0-alpha.921957c5

7 years ago

0.2.0-alpha.7a57fa8b

7 years ago

0.2.0-alpha.fbb1eed0

7 years ago

0.2.0-alpha.477bbd50

7 years ago

0.2.0-alpha.48865d3c

7 years ago

0.2.0-alpha.aedc366f

7 years ago

0.2.0-alpha.17713c8d

7 years ago

0.2.0-alpha.4ce2c078

7 years ago

0.2.0-alpha.09cf217c

7 years ago

0.2.0-alpha.66a8f744

7 years ago

0.2.0-alpha.82c749c4

7 years ago

0.2.0-alpha.48c93906

7 years ago

0.2.0-alpha.b1907560

7 years ago

0.2.0-alpha.1b7641c7

7 years ago

0.2.0-alpha.56f6a944

7 years ago

0.2.0-alpha.e610fd78

7 years ago

0.2.0-alpha.ee727b91

7 years ago

0.2.0-alpha.7d754caa

7 years ago

0.2.0-alpha.a59f6de7

7 years ago

0.2.0-alpha.616cd45d

7 years ago

0.2.0-alpha.6019ddd9

7 years ago

0.2.0-alpha.83e07673

7 years ago

0.2.0-alpha.056cb32e

7 years ago

0.2.0-alpha.81afec57

7 years ago

0.2.0-alpha.8ccba0ce

7 years ago

0.2.0-alpha.07dda526

7 years ago

0.2.0-alpha.24a8dfcc

7 years ago

0.2.0-alpha.d09c21e5

7 years ago

0.2.0-alpha.ece2f933

7 years ago

0.2.0-alpha.d4f39e69

7 years ago

0.2.0-alpha.0cfe988e

7 years ago

0.2.0-alpha.16905717

7 years ago

0.2.0-alpha.2c90eea6

7 years ago

0.2.0-alpha.ead80be1

7 years ago

7 years ago

0.2.0-alpha.2eb35b95

7 years ago

0.2.0-alpha.53829c48

7 years ago

0.2.0-alpha.51929e35

7 years ago

0.2.0-alpha.da8d993b

7 years ago

0.2.0-alpha.a7e48b6b

7 years ago

0.2.0-alpha.95e96891

7 years ago

0.2.0-alpha.142a1218

7 years ago

0.2.0-alpha.973a0872

7 years ago

0.1.0-alpha.8813910d

7 years ago

0.1.0-alpha.7eda8a42

7 years ago

0.1.0-alpha.91df7da2

7 years ago

7 years ago

0.1.0-alpha.7efcea38

7 years ago

0.1.0-alpha.b94224c6

7 years ago

0.1.0-alpha.aa9480ec

7 years ago

0.1.0-alpha.711c802c

7 years ago

0.1.0-alpha.9f5ebd81

7 years ago

0.1.0-alpha.a2391bda

7 years ago

0.1.0-alpha.d9fc498c

7 years ago

0.1.0-alpha.baeca6b5

7 years ago

0.1.0-alpha.f7f4402d

7 years ago

0.1.0-alpha.8656cb28

7 years ago

0.1.0-alpha.10c1414e

7 years ago

0.1.0-alpha.4a7e59d3

7 years ago

0.1.0-alpha.f372de37

7 years ago

0.1.0-alpha.69bb2e44

7 years ago

0.1.0-alpha.2edff3e6

7 years ago

0.1.0-alpha.b5deb0cb

7 years ago

0.1.0-alpha.de4da99d

7 years ago

0.1.0-alpha.04e0f0a0

7 years ago

0.1.0-alpha.348d1bd4

7 years ago

0.1.0-alpha.22828f03

7 years ago

0.1.0-alpha.d81fd7fa

7 years ago

0.1.0-alpha.908eccf3

7 years ago

0.1.0-alpha.235b923a

7 years ago

0.1.0-alpha.a529f134

7 years ago

0.1.0-alpha.fc17111c

7 years ago

0.1.0-alpha.22fae66d

7 years ago

0.1.0-alpha.08c3e651

7 years ago

0.1.0-alpha.1b33075a

7 years ago

0.1.0-alpha.256b7acb

7 years ago

0.1.0-alpha.7e067661

7 years ago

0.1.0-alpha.7c77b82f

7 years ago

0.1.0-alpha.18557704

7 years ago

0.1.0-alpha.e1b40010

7 years ago

0.1.0-alpha.d7d7ee5f

7 years ago

0.1.0-alpha.8dd688ca

7 years ago

0.1.0-alpha.4395edf0

7 years ago

0.1.0-alpha.0cdba2d5

7 years ago

0.1.0-alpha.6ba8ec1c

7 years ago

0.1.0-alpha.0c61e5c2

7 years ago

0.1.0-alpha.16f1fbdc

7 years ago

0.1.0-alpha.7a1c48cf

7 years ago

0.1.0-alpha.62ac882f

7 years ago

0.1.0-alpha.60d7230b

7 years ago

0.1.0-alpha.4cc6ad9e

7 years ago

0.1.0-alpha.220eff37

7 years ago

0.1.0-alpha.35b8a71d

7 years ago

0.1.0-alpha.974933cd

7 years ago

0.1.0-alpha.9fb41d04

7 years ago

0.1.0-alpha.7758d737

7 years ago

0.1.0-alpha.c2e500a7

7 years ago

0.1.0-alpha.0e6ea347

7 years ago

0.1.0-alpha.21135dbe

7 years ago

0.1.0-alpha.adf3bfb3

7 years ago

0.1.0-alpha.e9f6f0b1

7 years ago

0.1.0-alpha.011b51bc

7 years ago

0.1.0-alpha.955a974c

7 years ago

0.1.0-alpha.93754d28

7 years ago