GupshupUI | Radio

Radio

Individual form controls automatically receive some global styling. All textual <input type="radio">, elements with width: 100%; by default. Wrap labels and controls in .gsui-form-inline for horizontal layout.

Examples

First radio

Second radio

Horizontal/Inline Form

First radio

Second radio

Code Snippet

			
				<label class="gsui-control gsui-control-radio">First radio
					<input type="radio" name="radio" checked="checked" />
					<div class="gsui-control-indicator"></div>
				</label>
				<label class="gsui-control gsui-control-radio">Second radio
					<input type="radio" name="radio" />
					<div class="gsui-control-indicator"></div>
				</label>
				

				<div class="gsui-form-inline">
					<label class="gsui-control gsui-control-radio">First radio
						<input type="radio" name="radio" checked="checked" />
						<div class="gsui-control-indicator"></div>
					</label>
					<label class="gsui-control gsui-control-radio">Second radio
						<input type="radio" name="radio" />
						<div class="gsui-control-indicator"></div>
					</label>
				</div>

Back