Rich Editor

import { useState } from 'react'
import { RichEditor } from '@otfdashkit/ui'

export function Example() {
  const [html, setHtml] = useState('')
  return (
    <div className="mx-auto w-full max-w-2xl space-y-3">
      <RichEditor onChange={setHtml} />
      <details className="text-xs text-[hsl(var(--muted-foreground))]">
        <summary className="cursor-pointer select-none">View HTML output</summary>
        <pre className="mt-2 overflow-x-auto rounded-md bg-[hsl(var(--muted))] p-3 font-mono text-[11px]">
          {html || '<empty>'}
        </pre>
      </details>
    </div>
  )
}