is now part of Shuffle™. The new editor includes templates for Bulma, Bootstrap, Material-UI, and Tailwind CSS.
Switch to Shuffle →
← all Bulma classes list

Bulma class: .has-name

    <div class="file has-name">
        <label class="file-label">
            <input class="file-input" type="file" name="resume">
            <span class="file-cta">
                <span class="file-icon">
                <i class="fas fa-upload"></i>
                </span>
                <span class="file-label">
                Choose a file…
                </span>
            </span>
            <span class="file-name">
                file-name.png
            </span>
        </label>
    </div>

Preview

Check .has-name 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