Floating Label

Floating label examples

Floating filled

Floating outlined

Floating standard

Disabled filled

Disabled outlined

Disabled standard

Filled success

Well done! Some success message.

Outlined success

Well done! Some success message.

Standard success

Well done! Some success message.

Filled error

Oh, snapp! Some error message.

Outlined error

Oh, snapp! Some error message.

Standard error

Oh, snapp! Some error message.

Small filled

Small outlined

Small standard

Default filled

Default outlined

Default standard

Floating helper

Remember, contributions to this topic should follow our Community Guidelines .