Bolt Design System

Twig Usage

  {% extends "@bolt-components-form/form.twig" %}
{% set children %}
  {% set form_field %}
    {% include "@pl/10-form-element-demo-input-element.twig" with {
      title: "Email Address",
      inputAttributes: {
        placeholder: "Enter Email Address",
        required: true,
        type: "email"
      },
      labelDisplayType: "floating"
    } only %}
  {% endset %}
  {% set submit_button %}
    {% include "@bolt-components-form/form-button.twig" with {
      text: "Sign up now",
      tag: "submit"
    } only %}
  {% endset %}
{% endset %}

Schema

Prop Name	Description	Type	Default Value	Option(s)
icon_size	Customize the size of the input icon used	—	`medium`	—

Install

  npm install @bolt/components-form

Dependencies

@bolt/components-button

@bolt/components-headline

@bolt/components-icon

@bolt/core-v3.x

@bolt/lazy-queue

Form

A collection of fieldset and inputs.