Shuffle for Bulma CSS
How it works Features Components Pricing
Log in Try Demo
← all Bulma classes list

Bulma class: .input

<div class="field">
  <label class="label">Name</label>
  <div class="control">
    <input class="input" type="text" placeholder="Text input">
  </div>
</div>

Preview

Check .input in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

More in Bulma Forms

  • select
  • input.is-rounded
  • input.is-static
  • textarea
  • textarea.has-fixed-size
  • checkbox
  • radio
  • control
  • control.has-icons-left
  • control.has-icons-right
  • control.is-loading
  • has-name
  • is-expanded
  • is-focused
  • is-horizontal
  • is-left
  • is-multiple
  • is-normal
  • is-right
Bulma CSS
  • Bulma Editor
  • Bulma Components
  • Bulma Templates
Bulma Builder
Terms Privacy Policy Licenses Bulma CSS Bulma Components Templates Support

© 2025 Shuffle  |  All rights reserved.

Switch to the Bulma Editor by Shuffle