React Headings

Different levels of headings for creating titles.


Heading 1

Material Tailwind

import React from "react";
import H1 from "@material-tailwind/react/Heading1";

export default function H1() {
    return (
        <H1 color="lightBlue">Material Tailwind</H1>
    );
}
 

Heading 2

Material Tailwind

import React from "react";
import H2 from "@material-tailwind/react/Heading2";

export default function H2() {
    return (
        <H2 color="lightBlue">Material Tailwind</H2>
    );
}
 

Heading 3

Material Tailwind

import React from "react";
import H3 from "@material-tailwind/react/Heading3";

export default function H3() {
    return (
        <H3 color="lightBlue">Material Tailwind</H3>
    );
}
 

Heading 4

Material Tailwind

import React from "react";
import H4 from "@material-tailwind/react/Heading4";

export default function H4() {
    return (
        <H4 color="lightBlue">Material Tailwind</H4>
    );
}
 

Heading 5

Material Tailwind

import React from "react";
import H5 from "@material-tailwind/react/Heading5";

export default function H5() {
    return (
        <H5 color="lightBlue">Material Tailwind</H5>
    );
}
 

Heading 6

Material Tailwind

import React from "react";
import H6 from "@material-tailwind/react/Heading6";

export default function H6() {
    return (
        <H6 color="lightBlue">Material Tailwind</H6>
    );
}