tf-custom-header v0.0.2

Vue 3 + TypeScript Custom Header

Usage

Installation

npm i tf-custom-header

Install plugin from main.ts

import CustomHeader from 'tf-custom-header';
import "tf-custom-header/styles.css";

const app = createApp(App);
app.use(CustomHeader);

In components

<CustomHeader title="Dashboard" @clicked="clicked"></CustomHeader>

Listening to clicked event(Optional)

const isLoggedIn = ref(false);
function clicked(loggedin: boolean) {
  isLoggedIn.value = loggedin;
}