Claustrophobic people are more productive thinking out of the box.
Two variations of Webflow's native checkbox component:
Uses a hidden checkbox behind the initial box to apply light/dark styles appropriately. Note: Webflow interactions don't work with checkboxes.
A switch using standard checkbox styles from Webflow, with a couple of additions to ensure colours are applied correctly for light/dark mode.
Visually identical to text inputs, although under the hood they work very differently! To have date pickers on a page, you must paste the custom code attached to the body of this page (at the bottom of Webflow's settings for this page).
Uses a mix of native date pickers for mobile devices/tablets, and a custom date picker library for everything else!
You'll need to tweak the settings for these in custom code (each slider has an embed which contains settings at the top).
A slider field with an assigned start value and range. You can extract these values to use in calculators, input previews, etc.
Identical to the freeform slider, with an additional "step" attribute in the setup HTML.
Radio buttons are a selection control that often appears when users are asked to make decisions or select a choice from options.
Webflow's radio buttons are a little weird to set up: give each button the same group name in settings, and Webflow will automatically apply single-choice grouping to them. For multi-selection, use switches, checkboxes in a list, or chips
Tweaking some of these labels requires briefly swapping the z-index of the class. Remember to put it back when you change it, otherwise the material focus effects won't work.
A standard material text input. As with all other fields on this page, it will fill all available space provided by the form wrapper.
Identical to the text input, with an added example custom attribute to summon a number keyboard when on mobile.
Identical classes to the others, but with an extended length for long-form text input.
Used to choose from different text options. Note: multi-select doesn't work on these, nor does it usually work on the native version. Use chips instead.