Vue Header Component API

Header API

Explore the API reference for the Vue Header component and discover how to effectively utilize its props for customization.

On this page

CHeader

jsx
import { CHeader } from '@coreui/vue-pro'
PropertyDefaultType
as'div'string

Component used for the root node. Either a string to use a HTML element or a component.

container-boolean, string

Defines optional container wrapping children elements.

position-string

Place header in non-static positions.

CHeaderBrand

jsx
import { CHeaderBrand } from '@coreui/vue-pro'
PropertyDefaultType
as'a'string

Component used for the root node. Either a string to use a HTML element or a component.

CHeaderNav

jsx
import { CHeaderNav } from '@coreui/vue-pro'
PropertyDefaultType
as'ul'string

Component used for the root node. Either a string to use a HTML element or a component.