<div class="field">
<label class="label">Name</label>
<div class="control">
<input class="input" type="text" placeholder="Text input">
</div>
</div>
← all Bulma classes list
Bulma class: .field
Preview
Use Shuffle AI to build your own Bulma CSS templates
Quickly design stunning Bulma CSS templates with the power of Shuffle AI — no coding required.
Check .field 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.
