@chantelle/radio

    0.1.1 • Public • Published

    Radio

    Installation

    yarn add @chantelle/radio

    Usage

    First, include the CSS in your HTML:

    <link rel="stylesheet" href="node_modules/@chantelle/radio/dist/styles.css">

    Note: you can import the CSS directly into your project if your bundler supports it:

     import '@chantelle/radio/dist/styles.css';

    React Component

    import Button from '@chantelle/radio';
     
    ReactDOM.render(
       <Radio
            id='basic_radio'
            name='test_name'
            labelText='Basic radio'
            labelClass='custom-Label-radio'
            className='custom-radio'
            isChecked={checked}
            isDisabled={false}
            onChange={this.handleChange.bind(this)} />,
      container
    );

    CSS API

    To use the Radio component, add the .pl-radio to the <input type="radio" /> element to apply the styles. Do not forget to add label for you radio button, its required (you can add one with empty string)

        <div class="pl-radio">
            <input id="basic_radio_3" type="radio" class="pl-radio"/>
            <label for="basic_radio_3">
                <span>btn radio</span>
            </label>
        </div>

    State

    Radio with disabled attribute already apply the disabled styles. The .pl-radio--disabled class is reserved for links that have the .pl-radio class.

    Keywords

    none

    Install

    npm i @chantelle/radio

    DownloadsWeekly Downloads

    1

    Version

    0.1.1

    License

    MIT

    Unpacked Size

    6.15 kB

    Total Files

    6

    Last publish

    Collaborators

    • blackakula
    • ctsd
    • dhwissem
    • aliankarali