The top app bar displays information and actions relating to the current screen.
To add a navbar we have the component
vs-navbar, there is a series of sub components to determine internal elements
By default the component has a relative position, if necessary it can be changed by means of css the position as for example:
You may need an entry in the menu to simply use the
vs-input component, for example if you need a search engine.
If you want you can change the style of the buttons and the navbar by changing the property
You can change the color of the Topbar with the property
color. You are able to use the Main Colors or RGB and HEX colors.
Only RGB and HEX colors are supported.
This property determines if the component starts hidden and with the option of clicking on the menu to open or saw the options
|color||String||primary, success, danger, warning, dark, RGB, HEX||Color of the topbar|
|text-color||String||primary, success, danger, warning, dark, RGB, HEX||Text color items|
|active-text-color||String||primary, success, danger, warning, dark, RGB, HEX||Text color items active state|
|index||String||primary, success, danger, warning, dark, RGB, HEX||Determines the value of each item that is reflected in it when selecting v-model|
|title||Slot||Space to add the menu title (Functionality for resposive)|
|collapse||Boolean||Determines if the component starts in hidden menu mode that can be opened by clicking on the menu||false|