form docs

Form

Getting Started

A collection of fieldsets to create a form. Part of the Bolt “Components” CSS framework that powers the Bolt Design System.

Install via NPM
npm install @bolt/components-form

Usage

  {% include "@bolt-components-form/form.twig" with {
  text: "This is a form",
  url: "#!",
} only %}

Schema

Name Type Value(s) Description Default
icon_size

Customize the size of the input icon used

 medium

form element demo input element

form element demo input element disabled

form element demo input element email

We promise not to sell your email address

form element demo input element password

form element demo input element server errors

The username you entered is already taken.

form element demo radio

form element demo radio fieldset

Select an alignment

form element demo checkbox

form element demo checkbox fieldset

Select toppings
If there were any server-side errors, you'd see them here
Pick at least two of the following

form element demo select

form element demo textarea

form full campaign landing

Get the Report

(all fields are required)

form card theme variations

Get the Report

(all fields are required)

Get the Report

(all fields are required)

Get the Report

(all fields are required)

(Note: forms do not offically support dark themes yet. Use at your own risk.)