TRAVLR UI Kit

<%= require('html-loader!./../components/sidebar-documentation.html') %>

Radio Button

Create great looking radio button elements using a simple wrapper around the <input type="radio"> class any input element and create neat looking layouts.

This component required class .t-form on wrapper container. Make sure the linked radio buttons have the same value for their name HTML attribute.

Example

                            
                              <div class="t-form">
                                <div class="t-input-group">
                                  <label class="t-input-control t-input-control-radio"> First radio
                                    <input type="radio" name="radio" checked="checked">
                                    <div class="t-input-control-indicator"></div>
                                  </label> 
                                </div>

                                <div class="t-input-group">
                                  <label class="t-input-control t-input-control-radio"> Second radio
                                    <input type="radio" name="radio">
                                    <div class="t-input-control-indicator"></div>
                                  </label> 
                                </div>

                                <div class="t-input-group">
                                  <label class="t-input-control t-input-control-radio disabled"> Third radio
                                    <input type="radio" name="radio" disabled>
                                    <div class="t-input-control-indicator"></div>
                                  </label> 
                                </div>
                            </div>

First radio

Second radio

Third radio

<%= require('html-loader!./../components/footer-documentation.html') %>