AppyKit - Forms

WARNING: You copy the form without a wrapper, the width of form is stretched to the entire container in which you put it.
(container > row > col-n)

Back to components list

Form

Short codes: .appyForm .is-light .and-default .form-fs-s

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_forms.sass

Form

Short codes: .appyForm .is-light .and-rounded .form-fs-s

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_forms.sass

Form

Short codes: .appyForm .is-light .and-rounded-right
.form-fs-s

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_forms.sass

Form

Short codes: .appyForm .is-light .and-circular .form-fs-s

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_forms.sass

Form

Short codes: .appyForm .is-dark .and-default .form-fs-s

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_forms.sass

Form

Short codes: .appyForm .is-dark .and-rounded .form-fs-s

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_forms.sass

Form

Short codes: .appyForm .is-dark .and-rounded-right
.form-fs-s

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_forms.sass

Form

Short codes: .appyForm .is-dark .and-circular .form-fs-s

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_forms.sass

Form

The size of the form is determined by the size of the button in it .appyBtn .is-purple .and-large
Just change the font size form-fs-l

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_forms.sass

Form

The size of the form is determined by the size of the button in it .appyBtn .is-purple .and-xlarge
Just change the font size form-fs-xl

Show code

name

Styles for this element are stored in:

app/sass/componentsStyles/_forms.sass