Buttons

XS Button

SM Button

MD Button(Default)

LG Button

XS Multiaction Button

SM Multiaction Button

MD Multiaction Button

LG Multiaction Button

XS Button

SM Button

MD Button(Default)

LG Button

XS Button

SM Button

MD Button(Default)

LG Button

XS Button

SM Button

MD Button(Default)

LG Button

XS Button

SM Button

MD Button(Default)

LG Button

Primary button dropdwon

Badges

Size: LG

Base BadgePrimary badgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase Badge

Size: LG - prepend:icon

Base BadgePrimary badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge

Size: LG - append:icon

Base BadgePrimary badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge

Size: MD(Default)

Base BadgePrimary badgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase Badge

Size: MD - prepend:icon

Base Badge Primary badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge

Size: MD - append:icon

Base Badge Primary badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge

Size: SM

Base Badge Primary badge Base BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase BadgeBase Badge

Size: LG - prepend:icon

Base Badge Primary badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge

Size: LG - append:icon

Base Badge Primary badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge Base Badge

Forms

Default Text Input

kg
Error message

Compact Text Input

kg
Error message

Select Input

CompactSelect Input

Date Picker

Formato della data GG/MM/AAAA

Switch

Switch Group

Checkbox

Checkbox Group

Radio

Radio group label
Radio group label
Checkbox group label

Text editor

Text editor compact

Text editor custom height

Text editor con validazione base (stringa) - Validazione on submit

Default table

NameAgeEmailphoneAzioni
John Doe25john.doe@example.com12345678
Jane Doe26jane.doe@example.com12345678

Default table with white header background

NameAgeEmailphoneAzioni
John Doe25john.doe@example.com12345678
Jane Doe26jane.doe@example.com12345678

Compact table

NameAgeEmailphoneAzioni
John Doe25john.doe@example.com12345678
Jane Doe26jane.doe@example.com12345678

Compact table with white header background

NameAgeEmailphoneAzioni
John Doe25john.doe@example.com12345678
Jane Doe26jane.doe@example.com12345678

Default table with fixed columns

NameAgeEmailphoneAzioni
John Doe25john.doe@example.com12345678
Jane Doe26jane.doe@example.com12345678

Form Dialogs

Tabs

Tertiary
orders
Default
orders
Outlined
orders

Filters

Documenti e upload

Single view file

Anteprima del file enzo-cartoon
enzo-cartoon

Multiple view file

Anteprima del file enzo-cartoon 1
enzo-cartoon 1 - custom content
Anteprima del file enzo-cartoon 2
enzo-cartoon 2 - custom content

Tooltips

Alerts

Default

Con azioni

Con azioni e close button

Icons Gallery

air-vent
alarm-clock
archive
archive-import
arrow-down
arrow-down-left
arrow-left
arrow-right
arrow-right_left
arrow-up
arrow-up_down
arrow-up-right
badge-check
badge-check-2
badge-percent
balcony
balcony-2
balcony-3
ban
banknotes
bath
bell
bold
brick-wall
brick-wall-2
briefcase-business
building-list
building-pin
buildings
buildings-2
calculator
calendar
calendar-10
calendar-plus
camera
card-user
caret-down
caret-left
caret-right
caret-up
case-sensitive
certificate
check
checks
chevron-down
chevron-left
chevron-right
chevron-up
circle-alert
circle-arcs
circle-check
circle-info
circle-red
circle-x
clock
cloud-alert
code
code-block
coins
copy
copy-plus
corner-down-left
door
double-quotes-left
double-quotes-right
download
drill
droplet
elevator
ellipsis-orizontal
ellipsis-vertical
energy-panel
eraser
euro
euro-plus
extrados
eye
eye-off
fence
file
file-2
file-excel
file-pdf-2
file-signature
file-xml
fireplace
flag
flag-2
flame
flame-2
floor-radiator
flowpay
fold-vertical
folder
format-clear
funnel
gem
gift
greenhouse
grid-2x2
grid-2x2-plus
grip
h1
h2
h3
h4
h5
h6
hammer
hand-ok
hard-hat
hash
heading
hearth
highlighter
history
horizontal-rule
house-3
house-4
house-check
house-earthquake
house-fireplace
house-heart
house-list
house-plan
house-plan-2
image
info
intrados
invoice
italic
key
landmark
layout-list
leaf
leafs
left-icon
life-buoy
lightbulb
list
list-2
list-arrow-right
list-plus
list-square
list-square-plus
lock
lock-open
log-out
mail
map
map-pin
megaphone
menu
message-circle-question-mark
message-square-dot
message-square-text
navigation
network-horizontal
network-vertica
new-line
note
note-arrow-up-right
note-plus
octagon-x
ordered-list
package
paint-roller
paint-roller-plus
paintbrush-vertical
panel
panel-right-close
panel-right-open
paperclip
paragraph
pen-tool
pencil
pencil-line
pencil-ruler
phone
picture
piggy-bank
plus
railing
real-estate
redo
refresh-cw
roof
roof-flat
roof-pitched
sack-truck
save
search
send
settings
sliders-horizontal
sliders-vertical
sofa
square-chevron-down
square-chevron-left
square-chevron-right
square-info
square-pencil
square-question-mark
square-ruler
stairs
star
star-2
strike
table
tag
tags
text
thermometer
thermometer-2
thermometer-snowflake
thermometer-sun
thumbs-down
thumbs-up
ticket
tools
traffic-cone
trash
triangle-alert
truck
underline
undo
unfold-horizontal
unfold-vertical
unordered-list
upload
user
user-add
user-arrow-left
user-arrow-right
user-check
user-x
users
wallet
waypoints
wheelbarrow
window-round
window-round-2
window-square
window-square-2
window-square-3
worker-check
workers
workflow
wrench
x
zap

LazySlideShow Demo

SlideShow con PDF (senza preview)

Accordions - Allestimento Cantiere

Card Forms

Card check - square

Label
Label
Label

Card radio - square

Simple square radio group
Radio group label
Inverted radio group
 Privilegio Ruolo 1Ruolo 2Ruolo 3Ruolo 4Ruolo 5Ruolo 6Ruolo 7
Categoria 1
Categoria 2

Stepper

123

Step descrittivo

+39
 Ciao 2
Ciao 3

Toasts