Skip to main content

Templates #

Templates exist to document the layout and structure of a section and work as examples on how to combine the different parts of Duet together to build complete views.

Most templates utilize all of Duet Design System’s packages including components, design tokens, CSS framework, icons and fonts.

Template Platforms Accessibility Status

Error/Success

Web only

Keyboard, Screen Reader

ready

Error/Success (with header)

Web only

Keyboard, Screen Reader

ready

Form Components

Web only

Keyboard, Screen Reader

ready

Form Validation

Web only

Keyboard, Screen Reader

ready

Grid Example

Web only

Keyboard, Screen Reader

ready

Hero Area

Web only

Keyboard, Screen Reader

ready

Hero Area (light)

Web only

Keyboard, Screen Reader

ready

Narrow Layout

Web only

Keyboard, Screen Reader

ready

Server Side Rendered

Web only

Keyboard, Screen Reader

ready

Tabs

Web only

Keyboard, Screen Reader

ready

Modal N/A N/A Planned
Data Tables N/A N/A Planned
Stepper N/A N/A Planned
Legend:
Ready, can be used in production.
In Review, ready to be used soon.
Prototype, do not use.