Bulma File Sizes

Bulma is a component-rich, open-source CSS framework based on flexbox. In this article, we will be seeing the different sizes of the File element we can use in Bulma. The File element comes in 4 different sizes: small, normal, medium, and large. The normal size is the default size of the file element.

Bulma File Size Classes:

• is-small: This class is used to make the File element small in size.
• is-normal: This class is used to make the File element normal in size.
• is-medium: This class is used to make the File element medium in size.
• is-large: This class is used to make the File element large in size.

Syntax:

<div class="file is-small">
 ...
</div>

Example: The below example illustrates the use of Bulma file size classes.

Output:

Reference: https://bulma.io/documentation/form/file/#sizes