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

Web only

Keyboard, Screen Reader

New

Hero Area (light)

Web only

Keyboard, Screen Reader

Ready

Landing Page

Web only

Keyboard, Screen Reader

New

Load More

Web only

Keyboard, Screen Reader

New

Loading State

Web only

Keyboard, Screen Reader

New

Narrow Layout

Web only

Keyboard, Screen Reader

Ready

Native App

Web, iOS, Android

Keyboard, Screen Reader

Prototype

Price Summary

Web only

Keyboard, Screen Reader

New

Stepper

Web only

Keyboard, Screen Reader

New

Tables

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.