Search box

⌘K

Search box

Using the ultimate search box option, you are able to customize the search box settings to suit your needs.

Append search box with sub menu

This option allows you to enable the search box on the submenu section of the menu.

Background

The search box background color can be customized in this section to suit your preferences.

Focus background

It is possible to customize the focus background color in this section according to your preferences so that it suits you best.

Typography

There are a number of customization options available when it comes to text, such as the color, the font size, the font family, the line height, and the letter spacing.

Focus typography

Provides a number of options for customizing the text of the focus section, including the color, the font size, the font family, the line height, and the letter spacing.

Border

When using the border option, it is possible to surround the search box with a border.

Focus border

With the Focus border option, you are able to set a border around the border of the focus section.

Border radius

With the help of this feature, users are able to surround the search box with a radius.

Show icon

Selecting this option will enable the icon to appear on the screen.

Icon mode

This option allows you to choose if you want the ready to use icon to show on the search box or if you want your own customized icon to show on the search box. In order for a custom made icon to appear, you need to disable the option, after which a new option will appear that allows you to upload your icon.

Icon position

It allows you to customize the position of the icon.

Icon

In the search box, there is an option that allows you to choose the icon that you would like to use instead of the default.

Shadow

Shadow comes with different options for showing the perfect shadow on the search box. Many things can be adjusted, including the color, the spread, and the blur.

Focus shadow

Focus shadows are the same as well. It comes with different options for showing the perfect shadow on the search box. Many things can be adjusted, including the color, the spread, and the blur.

Offset

It is possible to make spacing below or above your search box by setting the offset value. In order to achieve spacing on every side of your menu, you can set a value for every side attribute.

Padding

You can set a padding for the search box if you feel it is necessary.

Was this article helpful to you? No Yes

How can we help?