Skip to content

Namchee/vue-ztext

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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