tailwind-ui-library/components/layout/H3.tsx
Benjamin Toby f73b56cdc4 Updates
2024-10-17 09:06:54 +01:00

20 lines
456 B
TypeScript

import { DetailedHTMLProps, HTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";
/**
* # H3 Headers
* @className twui-h3
*/
export default function H3({
...props
}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
return (
<h3
{...props}
className={twMerge("text-xl mb-4", "twui-h3", props.className)}
>
{props.children}
</h3>
);
}