The Angular Command Bar component is a user interface element that contains commands for interacting with the content of the window, panel, or parent region it overlays.
ELEMENTAR
Overview
Installation
Theme
Features
Navigation
Forms
Components
67
Action Required
Alert
Announcement
Avatar
Badge
Block Loader
Block State
Bottom Sheet
Brand Colors
Card
Card Overlay
Carousel
Chips
Code Highlighter
Color Picker
Command Bar
Comment Editor
Comparison Slider
Confirm
Content Fade
Cookie Popup
Dashboard
Data View
Datepicker
Dialog
Divider
Drawer
Emoji Picker
Expand
Expansion Panel
Filter Builder
Gauge
Icon
Image Resizer
Image Viewer
Incidents
Kanban Board
Layout
List
Marquee
Menu
Notifications
Paginator
Panel
Popover
Progress Bar
Progress Spinner
Resizable Container
Screen Loader
Sidebar
Sidenav
Signature Pad
Skeleton
Slider
Snackbar
Stepper
Suggestions
Table
Tabs
Text Editor
Thumbnail Maker
Timeline
Timepicker
Toolbar
Tooltip
Tree
Upload
Micro Charts
Command Bar
Basic command bar
Display a command bar with a list of commands:
Loading...
API Reference
emr-command-bar - the root component of the command bar. This component manages the state of the command bar.
| Prop | Type | Default |
|---|---|---|
open Whether to open (show) command bar. | boolean | – |
position | CommandBarPosition: top | bottom | bottom |
emr-command-bar-divider - the divider component of the command bar. This component is used to display a separator between commands.
emr-command-bar-command - the command component of the command bar. This component is used to display a command, as well as registering the keyboard shortcut.
| Prop | Type | Default |
|---|---|---|
shortcut The command's shortcut. | string | – |