A simple button file input to put in forms for simple uploads. File name displaying is handle via Javascript. If your requirements are heavier, head to the File uploader section.
You may need to diplay a file input as an input field. Check the example below.
Basic checkboxes have a light markup and work well in all browsers.
Radio groups can have their size and colors customized individually.
Available color classes are .is-primary,
.is-secondary and .is-accent.
Square checkboxes are handy when you need multiple checkboxes at once.
8 colors are available: default, .is-info,
.is-success, .is-warning,
.is-danger, .is-primary,
.is-secondary and .is-accent
Colored checkboxes can be circular. Add the
.is-circular class to a .b-checkbox element
to make it rounded.
Switch toggles are available in 4 sizes. No javasccript required.
Switches can be outlined. Add the .is-outlined class to a
.switch element to make it outlined.
Switches can be thin. Add the .is-thin class to a
.switch element to make it thinner.
Switches can be thin and outlined. Add the
.is-outlined and .is-thin classes to a
.switch element to make it both thin and outlined.
Add the color modifier to the .switch element. Available
classes are default, .is-info, .is-success,
.is-warning, .is-danger,
.is-primary, .is-secondary and
.is-accent
Add the color modifier to the
.switch.is-outlined element. Available classes are
default, .is-info, .is-success,
.is-warning, .is-danger,
.is-primary, .is-secondary and
.is-accent
Add the color modifier to the .switch.is-thin element.
Available classes are default, .is-info,
.is-success, .is-warning,
.is-danger, .is-primary,
.is-secondary and .is-accent
Add the color modifier to the
.switch.is-thin.is-outlined element. Available classes
are default, .is-info, .is-success,
.is-warning, .is-danger,
.is-primary, .is-secondary and
.is-accent