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

22 lines
512 B
TypeScript

import { DetailedHTMLProps, HTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";
/**
* # Horizonta Rule (hr)
* @className twui-hr
*/
export default function HR({
...props
}: DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>) {
return (
<hr
{...props}
className={twMerge(
"border-slate-200 dark:border-white/20 w-full my-4",
"twui-hr",
props.className
)}
/>
);
}