Styles
The cmd-bar
is completely unstyled. You can style it to your liking by using the style template provided by the CmdBar
component.
It's recommended to start off with the Basic example and then style and add features as you wish.
Style Template
.cmd-bar { &__header { /* Input styles */ .input { /* Placeholder styles */ &::placeholder { /* Placeholder text styles */ } /* Leading icon styles */ &__leading { /* Leading icon styles */ } /* Clear button styles */ &__clear { /* Clear button styles */ } } /* Filter styles */ .filter { /* Filter chip styles */ &-chip { /* Regular chip styles */ } /* Selected filter chip styles */ &-chip--selected { /* Selected chip styles */ } } } &__body { /* List container styles */ .list { &__container { /* List container styles */ } /* List items styles */ &__items { /* List items styles */ } /* Single list item styles */ &__item { /* Single list item styles */ } } /* Loading element styles */ .skeleton { /* Loading animation or skeleton styles */ } /* Empty list styles */ .empty { /* Styles for an empty list */ } } &__footer { /* Footer styles */ } /* Keyboard shortcut styles */ .kbd { /* Keyboard shortcut styles */ } /* Animations */ /* Define animations if needed */}