Checkbox

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

Examples


Horizontal/Inline Form

Code Snippet

			
				<label class="gsui-control gsui-control-checkbox">Checkbox
					<input type="checkbox" checked="checked" />
					<div class="gsui-control-indicator"></div>
				</label>
				<label class="gsui-control gsui-control-checkbox">Checkbox
					<input type="checkbox" />
					<div class="gsui-control-indicator"></div>
				</label>

				<div class="gsui-form-inline">
					<label class="gsui-control gsui-control-checkbox">Checkbox
						<input type="checkbox" checked="checked" />
						<div class="gsui-control-indicator"></div>
					</label>
					<label class="gsui-control gsui-control-checkbox">Checkbox
						<input type="checkbox" />
						<div class="gsui-control-indicator"></div>
					</label>
				</div>
Back