Government of Spain Dintel Standardized Design of Electronic Procedures Start First steps Foundations Components Modules Templates Tokens Support

Introduction to components

The fundamentals of a design system are the basic rules that guide the construction of an interface, and that guarantee the monitoring of the same design line throughout the experience, from visual aspects (such as the use of typography and color) to other key aspects such as accessibility and tone in texts.

Accordion

Alert

Tree

Progress Bar

Button Go Up

Buttons

Search

Field of text

Numerical field

File Loader

Checkbox

Communication with users

Dialog box

Deployable

Divisor

Link

Link back

Tag

Expandable

List

Vertical menu

Horizontal menu

breadcrumbs

Notification

Pagination

Steps

Eyelashes

Radio

Selector

Date selector

Time selector

Spinner

Table

Card

TextaskTask

Tooltip

Send an email to the Design System team at desarrollo.dintel@correo.gob.es , use our application Teams DINTEL.