Comment

Annotation callout on a document: bold author, optional counter, body.

Import

import { Comment } from "@jcsoftdev/ui/containers";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/containers/comment.

Usage

<Comment
  tone="pending"
  author="Camila Rojas"
  label="Nota de Camila Rojas"
>
  El cliente pidió degradado alto y no usar navaja en la nuca.
</Comment>

Props

Prop	Type	Default	Description
tone	"pending" | "reply"	"pending"
author *	string		Name of the commenter.
label *	string		Accessible name of the note (role=note takes no name from content).
number	number		Optional counter shown before the author.
children	ReactNode

* marks a required prop.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Reply
• Numbered

Source

packages/ui/src/containers/comment/comment.tsx