Vue HeaderBar

It's the header-bar component template made in vue js version 2. You can install it and it's ready to use component.

Slots in HeaderBar component

The slots in vue js is used to insert the component or element from parent component for more click here!. There is three slots in headerbar component i.e.

• left-content-headerBar
• middle-content-headerBar
• right-content-headerBar

Installation

npm install @credenceanalytics/header-bar

How to use

You can use the <header-bar></header-bar> in your parent component.

• Step 1 - Import the component in your file import HeaderBar from @credenceanalytics/HeaderBar.
• Step 2 -

<template>
    <HeaderBar>
        <template #left-content-headerBar>
            your component or element here!
        </template>
        <template #middle-content-headerBar>
            your component or element here!
        </template>
        <template #right-content-headerBar>
            your component or element here!
        </template>
    </HeaderBar>
</template>