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

import {Title} from '@adiranids/react-tailwind'
function App() {
return ( <Title size="h1"> This is a heading </Title> );

Title component

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
  • normal

Copyright © 2021 Adirani Digital Solutions Ltd