<h2>Patterns</h2>
<details data-name='card-collection' data-cards='[{"image":{"url":"https://dds.dell.com/site/production/7c/ff/Chart_customization_f90bbe8287.png","alt":""},"link":{"label":"Review guidelines","path":"/patterns/chart-customization","type":"Internal"},"title":"Chart customization","description":"The data visualization library includes necessary elements and guidance for customizing existing charts or building new ones that are aligned with the design system foundations."},{"image":{"url":"https://dds.dell.com/site/stage/66/7e/Form_d519349e51.png","alt":""},"link":{"label":"Review guidelines","path":"/patterns/form","type":"Internal"},"title":"Form","description":"Forms are used to submit information, such as initiate a process, sign into an account, request information, or buy a product. They can be on a page, modal, or a drawer. Features include text inputs, text areas, dropdowns, radio buttons, checkboxes, buttons, and message bars."},{"image":{"url":"https://dds.dell.com/site/production/0d/a6/Microinteraction_v2_f6a16f4be6.png","alt":""},"link":{"label":"Review guidelines","path":"/patterns/microinteraction","type":"Internal"},"title":"Microinteraction","description":"A microinteraction is when a user action or system event triggers feedback. Feedback can be a motion-based effect that communicates element behavior or status."},{"image":{"url":"https://dds.dell.com/site/patterns/sign-in/sign-in-card.png","alt":""},"link":{"label":"Review guidelines","path":"/patterns/sign-in","type":"Internal"},"title":"Sign-in","description":"Allows users to easily validate their access to restricted content."},{"image":{"url":"https://dds.dell.com/site/patterns/table-view/table-view-category.png","alt":""},"link":{"label":"Review guidelines","path":"/patterns/table-view","type":"Internal"},"title":"Table view","description":"Table view allows you to view chart data as a table and to export data."},{"image":{"url":"https://dds.dell.com/site/patterns/drag-and-drop/property-1-variant2.png","alt":""},"link":{"label":"Review guidelines","path":"/patterns/drag-and-drop","type":"Internal"},"title":"Drag and drop","description":"Drag and drop allows users to select and move items on a screen."}]' data-NumberOfColumns='3' data-NumberOfColumnsMedium='2' data-NumberOfColumnsSmall='1' data-hideWidget='false'></details>


Patterns are insights about design best practices. They are solutions with common use cases that have established behaviors within an experience. Patterns can influence a component’s interaction, or otherwise employ multiple components that work to solve a problem or meet a need.

Overview

<p>The DDS Feedback Form has been updated to point to Service Now (the new official intake form). Please <a href="/resources/videos/servicenow-overview">review this video</a> to learn more about how to interact with our team. Although the tool and process changed, our team expects to continue providing the same support as before.</p>


DDS Feedback Form has been updated

Home

About DDS

Figma

Vanilla

Angular

React

Data visualization

Migration guide

A11y annotation kit

AI chat toolkit

Contributor sandbox

Getting started

Changelog

Roadmap

Updates

Color

Elevation

Grid

Icons

Typography

Foundations

Accordion

Action menu

Badge

Blockquote

Breadcrumb

Button

Card

Carousel

Category navigation

Checkbox

Date picker

Divider

Drawer

Dropdown

File input

Footnote

Link

List

Loading indicator

Message bar

Modal

Notification

Overlay

Pagination

Popover

Progress bar

Progress tracker

Radio button

Search

Select

Side navigation

Switch

Table

Tabs

Text area

Text input

Time picker

Tooltip

View more/less

Components

Area chart

Bar chart

Bubble chart

Donut chart

Gauge chart

Line chart

Metrics card

Pie chart

Utilization chart

Dashboard template

Chart customization

Drag and drop

Empty state

Filter

Form

Microinteraction

Sign-in

Table view

Patterns

Accessibility

Brand

Partners

Case studies

FAQs

Tools

Videos

Dell Design System v1

Resources

Send Feedback

Check my tickets

Find us on Teams

Support