# Comment sheet

Comment sheet: a free component, built on your design tokens, to use in a social or video app, for the comments on a post. A bottom sheet of comments, with people's photos, shown open over a dimmed photo post: the author's replies marked, likes you can toggle, a reply button that fills in the name, and a comment box pinned at the bottom.

Prompt: Add the OpenDesigner component comment-sheet to this project: https://opendesigner.dev/library/r/comment-sheet.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: open, liked, replying, post disabled, new comment, hover, focus.

Accessibility: The sheet is a labelled modal dialog with a close button, the list scrolls with the keyboard, each like button says its count and state, and Post stays disabled until there is text.

File: https://opendesigner.dev/library/r/comment-sheet.html