feat: hr

pmndrs · Aug 30, 2024 · 747f3bd · 747f3bd
1 parent 24ed8b3
commit 747f3bd
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/mdx/index.tsx b/src/components/mdx/index.tsx
@@ -51,6 +51,10 @@ export const li = (props: ComponentProps<'li'>) => <li className="my-1" {...prop
 
 export const p = (props: ComponentProps<'p'>) => <p className="my-4 text-base" {...props} />
 
+export const hr = (props: ComponentProps<'hr'>) => (
+  <hr className="my-4 mb-8 border-outline-variant/50" {...props} />
+)
+
 export const blockquote = ({ children, className, ...props }: ComponentProps<'blockquote'>) => (
   <blockquote className={cn('my-8 border-l-4 pl-4 text-base', className)} {...props}>
     <div className="text-on-surface-variant/50">{children}</div>