// Data Display

Prose

Typography styles for HTML content.

// Rendering preview…

// Install

npx shadcn@latest add @dakik/prose

// Usage

1import { Prose } from "@/components/ui/prose";
2
3<Prose />

// Code

1"use client";
2
3import { ark } from "@ark-ui/react/factory";
4import { cn } from "@/lib/utils";
5
6export const Prose = (props: React.ComponentProps<typeof ark.div>) => {
7  const { className, ...rest } = props;
8
9  return (
10    <ark.div
11      className={cn("prose mx-auto max-w-[65ch]", className)}
12      data-slot="prose"
13      {...rest}
14    />
15  );
16};
17

// Dependencies

@ark-ui/react