# How to create Badges?

The badge in the command bar serves as a visual indicator, providing quick insights or status information associated with specific commands.

To initiate the badge creation process, navigate to the beacon bar in the sidebar and choose the "Badges" option, or use the shortcut "Command + K" (for Mac) or "CTRL + K" (for Windows) and enter "Badges" then click on "Create Badge" button.

<figure><img src="/files/IttD93paNi5Vva4VtfaF" alt=""><figcaption></figcaption></figure>

Within the content tab, provide a name for the badge as a reference. In the search and select commands dropdown, you have the option to search for either created commands or connected helpdocs. You can add multiple commands or help docs.

<figure><img src="/files/16KfCKVhDa24fRM2Xnex" alt=""><figcaption></figcaption></figure>

Navigate to the Styles tab to customize the badge. You can choose from three options: manually add, upload an image, or select none.

Opt for the "Add Manually" option to include both an icon and text for the badge. Additionally, you can enhance the badge by incorporating a border through the border color option. Utilize the toggle switch for the flexibility to disable unwanted elements.

On the right-side section, preview the badge, and utilize the dark mode toggle switch to observe how it will appear in dark mode.

<figure><img src="/files/dgAAg7b5KPGtKnQECBaB" alt=""><figcaption></figcaption></figure>

To emphasize the entire command, you can apply a border or background by clicking the "Add Highlighter" button located at the bottom right.

By using the action text color and description color options, you can customize the color of the command text and description. This provides flexibility in addition to setting colors or gradients for the entire command, including borders and backgrounds.

<figure><img src="/files/6bNakzgxA6Jy8z5RBZTg" alt=""><figcaption></figcaption></figure>

Highlighters can be added in all three options: "Add Manually," "Upload Image," and "None."

Within the "Upload Image" option, instead of text, you can incorporate an image and customize it with features like animation, size, and alignment.

<figure><img src="/files/w6WBjZKVnDZi6cbhLFgX" alt=""><figcaption></figcaption></figure>

Choosing the "None" option limits the addition of only highlighter to the commands.

<figure><img src="/files/vRrPoGJNLRSeUTRLDbDQ" alt=""><figcaption></figcaption></figure>

Navigate to the Settings tab to define command behavior by incorporating segments. Additionally, you have the option to override command behavior with either another command or a specified path.

<figure><img src="/files/4FP1qtLf1GkyiappxbkO" alt=""><figcaption></figcaption></figure>

Refer to the screenshot below to visualize how the badges will appear in your dashboard command palette.

<figure><img src="/files/OseFi2xa8xFJtZSvPqHE" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.beacon.li/how-to-create-badges.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.