Watch out! Amine is in active development and thus not really stable. Please don't use it in your projects now.

Form

Buttons

Primary

Success

Warning

Failure

Boxed inputs

With value

Inline and block

Validation

Toggles

Grouping

Name your price

.example.org

Textarea is also supported

Fields

Column-oriented

Minimal example

Now with a validation

Please use kebab-case-naming in HTML and CSS

Sometimes there should be a button with long, really lo-o-ong label text for it, because it's a really important action, like accepting the terms of service use.

Even more, there can be an additional tip, like this.

This one is extended, but looks like previous

Provide a full name please, not a short one

Select is also supported

As well as Textarea

Wait, did you forget about tips?

Here they are!

Groups fits here too

From To

Yes, with validation tips.

Row-oriented

Minimal in a row form

What about tips now?

They're all here, on input side

Even on textarea?

Sure, why not?

By the way, tips may have different colors

Uhm... Groups, maybe?

Works

For toggleable inputs

Minimal checkbox example.

Minimal switch example.

Minimal radio example — option one.

Minimal radio example — option two.

Box-oriented fields can have tips too!

Disabled radio.

Now, let's combine them in a column — that's looks like a single field now.

Combined option one

Combined option two

Disabled option

Okay, now make them row-oriented, and turn checkboxes into switches.

Yeah, that's a feature — when you swap input and label, it will look like this. Useful for mobile interfaces e.g.