JSFiddle

Bouteille's public fiddles

• Material Checkbox button

  Checkboxes allow the user to select multiple options from a set. If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Material Radio button

  Radio buttons allow the user to select one option from a set. Use radio buttons for exclusive selection if you think that the user needs to see all available options side-by-side.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Material Input

  Text fields allow users to input, edit, and select text. Text fields typically reside in forms but can appear in other places, like dialog boxes and search.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Material Switch Input

  On/off switches toggle the state of a single settings option. The option that the switch controls, as well as the state it’s in, should be made clear from the corresponding inline label. Switches take on the same visual properties of the radio button.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• dthvb5pv

  No-Library (pure JS), HTML, SCSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Button slider - V5

  Button slider - V5

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Button slider - V3

  Button slider - V3

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Buttons slider

  No-Library (pure JS), HTML, SCSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Button slider - V2

  Button slider - V2

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Progress bar - V2.2

  Progress bar width Scss and Jquery

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Progress bar - V1.1

  No-Library (pure JS), HTML, SCSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ◀︎
• 2
• 3