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
Author	Web only	Keyboard, Screen Reader	Review
Cookie Content Overlay	Web only	Keyboard, Screen Reader	Ready
Error and Success	Web only	Keyboard, Screen Reader	Ready
Form Components	Web only	Keyboard, Screen Reader	Ready
Form Validation On Submit	Web only	Keyboard, Screen Reader	New
Form Validation While Filling	Web only	Keyboard, Screen Reader	New
Grid Example	Web only	Keyboard, Screen Reader	Ready
Hero Area	Web only	Keyboard, Screen Reader	Ready
Hero Area (image)	Web only	Keyboard, Screen Reader	Ready
Hero Area (light)	Web only	Keyboard, Screen Reader	Ready
Hero Area (minimal)	Web only	Keyboard, Screen Reader	Ready
Landing Page	Web only	Keyboard, Screen Reader	Ready
Load More	Web only	Keyboard, Screen Reader	Ready
Loading State	Web only	Keyboard, Screen Reader	Ready
Maintenance	Web only	Keyboard, Screen Reader	Ready
Narrow Layout	Web only	Keyboard, Screen Reader	Ready
Native App	Web, iOS, Android	Keyboard, Screen Reader	Ready
Pagination	Web only	Keyboard, Screen Reader	Ready
Pagination with editable table	Web only	Keyboard, Screen Reader	Ready
Payment Wall	Web only	Keyboard, Screen Reader	Ready
Price Summary	Web only	Keyboard, Screen Reader	Ready
Promotion icons	Web only	Keyboard, Screen Reader	Ready
Search	Web only	Keyboard, Screen Reader	Ready
Single page application	Web only	Keyboard, Screen Reader	Ready
Stepper	Web only	Keyboard, Screen Reader	Ready
Surveys	Web only	Keyboard, Screen Reader	Ready
Tables	Web only	Keyboard, Screen Reader	Ready
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.