Title
This component might be confusing and you might consider it as a title tag (<title> </title>).
However, this component represent the heading title.
A very basic example of this component is as follow
<template>
<Title size="h1"> This is a heading </Title>
</template>
<script>
import {Title} from '@adiranids/vue3-tailwind'
export default {
components: {Title}
}
</script>
<Title size="h1"> This is a heading </Title>
</template>
<script>
import {Title} from '@adiranids/vue3-tailwind'
export default {
components: {Title}
}
</script>
This component has only one required prop, size
The size prop can have following values each mapping to tailwind classes as below
-
h1
"md:text-3xl text-2xl" -
h2
"md:text-2xl text-xl" -
h3
"md:text-xl text-lg" -
small
"text-sm" -
normal
"text-base"
Copyright © 2021 Adirani Digital Solutions Ltd