Pages UI
v5.0.1 - Pages HTML
v5.0.1 - Pages HTML
  • Getting Started
  • Introduction
    • Layouts
    • Themes
    • Sass
    • Content
  • Apps
    • Calendar
    • Social
    • Email
  • API Reference
  • UI Elements
    • Color
    • Typopgrahy
    • Icons
    • Buttons
    • Notifications
    • Modals
    • Progressbar
    • Collapse
    • Tabs
    • Sliders
    • Treeview
    • Nestable
  • Form Elements
    • Checkboxes and Radio
    • Toggle
    • Typehead
    • Selectbox
    • Datepicker
    • Masked Input
    • Autonumeric
    • Quill Editor
    • Tags Input
    • File Upload
  • Form Layouts
  • Form Validation
  • Form Wizard
  • Charts
  • Maps
    • Google Maps
    • Vector Maps
  • Tables
  • Cards
  • Timeline
  • Views
  • Grid
  • Helpers
  • Troubleshooting
  • Browser Support
  • Change log
  • Legacy Docs
  • Other
    • Grunt
    • Gulp
    • Rails
Powered by GitBook
On this page
  1. Form Elements

Toggle

PreviousCheckboxes and RadioNextTypehead

Last updated 5 years ago

Pages comes with native CSS toggle, no third party bulky JS includes just simple HTML checkboxes

<div>
	<div class="form-check form-check-inline switch">
		<input type="checkbox" id="pagesSwitch" checked>
		<label for="pagesSwitch">Default switch</label>
	</div>
	<div class="form-check form-check-inline switch">
		<input type="checkbox" id="switchDisabled" disabled>
		<label for="switchDisabled"> disabled </label>
	</div>
</div>
<div>
	<div class="form-check form-check-inline switch switch-lg complete">
		<input type="checkbox" id="switch-lg">
		<label for="switch-lg">Auto-brightness</label>
	</div>
	<div class="form-check form-check-inline switch switch-lg success">
		<input type="checkbox" id="switchColorOpt">
		<label for="switchColorOpt">wifi </label>
	</div>
</div>