Download Github
English

Form

The form is a component that allows, through a set of inputs, to collect user data.

Use

Copy the HTML snippet and keep in mind:

  1. The element with the nkn-form class is the parent container.
  2. All the elements of the form must be accompanied by the <label> tag with the nkn-label class.
  3. The user can structure the form with the elements they require, these can be:
    Form Element Class
    Input nkn-input
    Select nkn-radio
    RadioButton nkn-select
    Checkbox nkn-checkbox
    Button nkn-button
    To form the rows and columns of the form, use the grid.

Example

HTML Snippet

Input element

It is an element of the form that allows the entry of data type text, password, number, etc.

Example

HTML Snippet

Select element

It is a form element that displays a drop-down list of options.

Example

HTML Snippet

Radiobutton element

It is an element of the form that allows the user to select an option among several options.

Example

HTML Snippet

Checkbox element

It is an element of the form that allows the user to select multiple options.

Example

HTML Snippet

Button Element

It is an element of the form that allows actions to be taken on the form.

Example

HTML Snippet