Create a navigation consisting of icons.
Wrap list of vk-iconnav-item
components with vk-iconnav
. Each item can be linked and set as active to form a navigation.
<vk-iconnav>
<vk-iconnav-item href icon></vk-iconnav-item>
</vk-iconnav>
By default the items are aligned horizontally. To apply a vertical alignment, use the VkIconnavVertical
component.
<vk-iconnav-vertical>...</vk-iconnav-vertical>
Name | Type | Default | Description |
---|---|---|---|
icon | String | -- | The name of the icon to render. The icon must be registered with an icon prefix, eg. icon-home . |
href | String | -- | The item anchor href property. |
target | String | -- | The item anchor target property. |
active | Boolean | false | Determines if the item is active. |
icon | Boolean | false | Determines if the item is active. |