# [VCL](https://github.com/vcl/doc) form

Basic form layout and arrangement of form elements with labels.

## Features

### Form Control Group

The concept of a control group with `form-control-group` which groups an
input element together with a label and a hint so that they make up an atomic control.
For example a label and an input if such a combination should behave
like a single control. The elements are aligned vertically.

## Usage

Default form layout with stacked labels and controls.

[example](/demo/example-input.html)


## Classes

- `form`
- `form-control-group`
- `form-control-hint`
- `form-control-label`
- `required-indicator`

## Modifiers

- `focused` 
- `disabled`

## Variables

## Demo

[example.html](/demo/example.html) on GH-pages.