Components
Banners
Banners are typically placed at the top of the page to convey an important marketing message or drive users to a primary task.
BannersBreadcrumbs
A breadcrumb is a clickable hierarchical site structure to indicate a user’s location within the site.
Breadcrumbs
Cards
Cards are used to entice users to navigate from one area of the site to another. The goal is to quickly get users to relevant content that is of interest to them.
CardsCarousels
A carousel enables a user to cycle through a queue of related images, cards or other items.
CarouselsCheckboxes
A form element that indicates selected values using a check mark. Used to capture selections from predefined values.
CheckboxesContact Drawer
A persistent element that enables customers to contact Dell customer service by a desired means, or to otherwise gain immediate assistance.
Contact DrawerDividers & Containers
Dividers indicate changes in subject matter within the same page. Containers bring emphasis to important content.
Dividers & ContainersInputs
A user input element that allows for the exchange of information between the user and a form owner.
InputsNotifications
Notifications provide important, contextual information that may or may not not require the user to take action.
NotificationsProgress Indicators
Provides continuous feedback regarding the progress of an operation.
Progress IndicatorsRadio Buttons
Radio buttons are used for selection of only one option from a group of values.
Radio Buttons
Tabs
Tabs are a component that subdivides page content into panes, which are displayed individually based upon which tab is active.
TabsTooltips
Tooltips display short, helpful information when the user hovers or taps a trigger element.
TooltipsUser Progress Trackers
Displays the user's current location within a linear task flow.
User Progress Trackers