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

Data Table

Web only

Keyboard, Screen Reader

New

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 (image)

Web only

Keyboard, Screen Reader

New

Hero Area (light)

Web only

Keyboard, Screen Reader

Ready

Landing Page

Web only

Keyboard, Screen Reader

New

Narrow Layout

Web only

Keyboard, Screen Reader

Ready

Server Side Rendered

Web only

Keyboard, Screen Reader

Ready

Stepper

Web only

Keyboard, Screen Reader

New

Tabs

Web only

Keyboard, Screen Reader

Ready
Legend:
Ready, can be used in production.
In Review, ready to be used soon.
Prototype, do not use.