Net7 UI Kit

Css Resources

FONTS

Font face rules for custom fonts.
Font face css

THEME STYLES

Components and theme complete styles.
Theme styles css

Search

documentation

Overview
Structure
Naming Conventions
Css Resources
Js Resources
Using Custom Properties
Using Svg Sprites

Design System

Containers
Grids
Utilities

Atoms

- Primary
- Secondary
- Only Text
- Outline
- Inverted
- Text Inverted
- Icon
- Icon S
- Icon L
- Icon Right
- Icon Right S
- Icon Right L
- Icon Left
- Icon Left S
- Icon Left L
- Spinner
- Size S
- Size L
- Default
- Lg
- Sm
- Outline
- Overline
- Overline Sm
- Icon Left
- Default
- Category
- Tag
- Tag Sm
- Sm
- Xs
- Interactive
- Filter
- Status Aperto
- Status In Corso
- Status Chiuso
- Lg
- Default
- Medium
- Small
- Default
- Has Icon
- Icon Only
- Sm
- Lg
Toggle
Vertical Divider

Molecules

- Default
- Minimal
- Rounded
- Default
- With Icon
- - Default
  - Is Required
  - Has Error Markup
  - Has Description
  - Has Error
  - Sm
  - Lg
  - Light
  - Inline
- Default
- Main
- Secondary
- Default
- Rounded
- Text
Secondary Navigation
Social Links
User Access

Organisms

- Default
- Image Left
- Tabs Only
- Dropdown Only
Carousel
Form With Validation
- Default
- Main Top
- Has Actions
- Main Bottom
- Megamenu
Logos Area
Modal Dialog
Side Navigation
Slider
Tablist
Video

Pages

Home