DXC Logo
Halstack logo
Halstack
Design System
next
Overview
Introduction
Component lifecycle
Releases
Principles
Color
Iconography
Layout
Localization
Spacing
Themes
Typography
Utilities
Halstack Provider
Components
Accordion
Alert
Application Layout
Badge
New
Bleed
Box
Deprecated
Breadcrumbs
Experimental
Bulleted List
Button
Card
Checkbox
Chip
Container
Experimental
Contextual Menu
New
Date Input
Dialog
Divider
New
Dropdown
File Input
Flex
Footer
Grid
Header
Heading
Image
Experimental
Inset
Link
Nav Tabs
Number Input
Paginator
Paragraph
Password Input
Progress Bar
Quick Nav
Radio Group
Resultset Table
Select
Sidenav
Slider
Spinner
Status Light
New
Switch
Table
Tabs
Tag
Legacy
Text Input
Textarea
Toggle Group
Typography
Wizard
GitHub

Contextual Menu

The Contextual menu is a powerful component that improves user experience by allowing users to navigate through page-level content or choose from a list of actions while complementing the general disposition of the main content within the interface.

Code
Usage
Specifications

Specifications

Contextual menu

Contextual Menu design specifications
Contextual menu specifications

Contextual menu item

Contextual menu item design specifications
Contextual menu item specifications

States

Contextual menu item states
Contextual menu item states

Anatomy

Contextual menu anatomy
  1. 1.
    Section title
  2. 2.
    Container
  3. 3.
    Badge
  4. 4.
    Menu item
  5. 5.
    Expand/collapse icon
  6. 6.
    Icon
  7. 7.
    Divider

Design tokens

This component does not currently have design tokens.

Contents

Edit this page on GitHub
Report an issue on GitHub
Previous
Container
NextDate Input