Typography and Alerts

This is a paragraph wrapped in a .prose class element. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore magnam nostrum, ducimus tempore dicta unde mollitia cum, aliquam earum esse, quasi obcaecati. Porro vero non error eaque ut? Nemo, incidunt?

Keyboard keys examples: Ctrl + C to copy and Ctrl + V to paste.

This is a blockquote example.

Info

This is an alert info example.

Success

This is an alert success example.

Warning

This is an alert warning example.

Error

This is an alert error example.

Button

Simple

•

Outline

•

Square with icons

Chip

Size MD

Primary MdSecondary MdNeutral MdInfo MdSuccess MdWarning MdError Md

Size LG

Primary MdSecondary MdNeutral MdInfo MdSuccess MdWarning MdError Md

Size SM

Primary MdSecondary MdNeutral MdInfo MdSuccess MdWarning MdError Md

Checkbox

Simple

With input label

With input label checked

With input label indeterminate

With input label secondary

With input label secondary checked

With input label neutral

With input label neutral checked

With input label info

With input label info checked

With input label success

With input label success checked

With input label warning

With input label warning checked

With input label error

With input label error checked

Simple more options

With input label required

With input label disabled

With input label

And with also an extended description below

Simple LG

With input label checked

With input label unchecked

Radio Button

Radiogroup

Opzione 1

This is the first option.

Opzione 2

This is the second option.

Opzione 3

This is the second option.

Opzione 4

This is the fourth option, DISABLED

Radio Button Large

Basic

Scelta 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Scelta 2

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Disabled

Radio Large Disabled

Radio disabled description

Input

Input text

Text with label and help

Type something and search

Campo di testo obbligatorio

Password con show toggle

Input date

Expiration date

gg

mm

aaaa

Insert the insurance expiration date

Input date with datepicker

Date with datepicker

10

01

2022

Lorem ipsum dolor sit amet

Input File

Input text

Trascina qui il file o clicca per selezionarlo

DOC, PDF (max. 2MB)

FL Design System

Typography and Alerts

Button

Simple

Outline

Square with icons

Chip

Size MD

Size LG

Size SM

Checkbox

Simple

Simple more options

Simple LG

Radio Button

Radiogroup

Radio Button Large

Basic

Disabled

Input

Input text

Input date

Input date with datepicker

Input File

Input text