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



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
    "text-sm"
  • normal
    "text-base"


Copyright © 2021 Adirani Digital Solutions Ltd