Skip to content

Namchee/vue-ztext

Repository files navigation

vue-ztext

Code Style: Google Vue 3 Vue 3D logo

Vue ZText

Ztext.js custom declarative component for Vue 3. Because you deserve declarative awesomeness.

Installation

Execute this command on your favorite terminal

npm install @namchee/vue-ztext

// if you are using yarn

yarn add @namchee/vue-ztext

Then, import the files in your entry point and don't forget to call the use() method!

import ZText from '@namchee/vue-ztext';
// ...

app.use(ZText);

Now, you can use it anywhere in your app by using the z-text component

<template>
  <z-text>
    Hello World!
  </z-text>
</template>

Props

The properties and the default values are 100% the same as the original implementation with one new custom properties

Name Type Default Description
as string (must be a valid HTML Element tag) div Determines the actual element to be rendered on the app. For example, if you want the component to be rendered as the main heading, fill as with h1

Acknowledgements

  • Bennett Feely, the original ZText creator

License

This project is licensed under the MIT License