← all Bulma classes list

Bulma class: .is-expanded

    <div class="field has-addons">
        <p class="control">
            <input class="input" type="text" placeholder="Example text">
        </p>
        <p class="control">
            <a class="button">
                Button
            </a>
        </p>
    </div>
    <div class="field has-addons">
        <p class="control is-expanded">
            <input class="input" type="text" placeholder="Text in expanded element">
        </p>
        <p class="control">
            <a href="#" class="button">
                Button
            </a>
        </p>
    </div>

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 .is-expanded 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.

More in Bulma Forms