Feature requests?

[PhilETaylor]

are you taking feature requests?

1. Ability to color the text (for example using a css class to show a red text for dangerous commands
2. The ability to use FontAwesome (or other) icon classes as image instead of having to provide the svg source.
3. Ability to group items. Like a Group of items replicating the main menu called "Main Menu" and a Group of items called "User Account" which contains things like password reset, 2fa and logout etc, and when filtered, for those bread crumb categories to be shown somehow like "User Account -> Set Up 2fa" see my crappy current implementation (my own js/css etc in screenshot)

[PhilETaylor]

• Dark Mode :)

[OzzyCzech]

Hi Phil,

dark mode is already there :-)

<cmd-dialog theme="dark"></cmd-dialog>

1. Ability to color the text

I will add that

2. The ability to use FontAwesome

This is missing by intention. I don't want to limit users to specific service like Google Fonts or FontAwesome. Lit element have his own shadow DOM and CDN source will be hardcoded in the element.

3. Ability to group items

I will thing about that, now there is a flat schema and fuzzy search will have an issue with structure.

It's a pet project, be patient please or you can send PR

[PhilETaylor]

It's a pet project, be patient please or you can send PR

Absolutely no pressure from me at all - please dont feel any !!

dark mode is already there

Interestingly, the only reason I mentioned it is my app "automagically" went into dark mode the other day, but the dialog did not, so I wrongly assumed it had no dark mode yet - sorry. Im only 3 weeks into my tailwindcss journey having come in from the bootstrap side of life.

Have you seen the new Github cmd+K ? Its incredible

[OzzyCzech]

Wow, the new GitHub cmd+k menu is great! I will definitely take some inspiration there :)

[OzzyCzech]

Text coloring is now supported in v2.2.0 via the new style property on actions:

dialog.actions = [
  {
    title: "Delete everything",
    description: "This action is irreversible",
    style: "color: #ef4444",
    onAction: () => true,
  },
];

The style property accepts any inline CSS, so you can customize color, font-weight, opacity, etc. per action. This works inside the Shadow DOM since it's applied as an inline style.

See the documentation for more details.

Unfortunately, FontAwesome support and item grouping are not planned at this time. And yeah, sadly GitHub removed their Cmd+K menu too 😕

[PhilETaylor]

Github cmdk is still live and useable - they decided to reverse their decision to remove it because so many people complained how useful it was

https://docs.github.com/en/get-started/accessibility/github-command-palette

https://github.com/orgs/community/discussions/166528#discussioncomment-13836741

[OzzyCzech]

That's strange, I am not able to open it with Ctrl+K neither with Cmd+K 🤔

[PhilETaylor]

Do you have the Feature Preview flag and it enabled?

[OzzyCzech]

aaaa, this is why! thanks