Comment form

Mock form: validates, waits 600 ms, then adds the comment to this page's list locally.

Comments

Pack defaults

With content

In context

Source

import { CommentForm } from "demo-blog/components";

const props = {
  "heading": "Leave a comment",
  "buttonLabel": "Post comment",
  "successText": "Posted locally — this demo keeps nothing."
};
<CommentForm {...props} />

Live CSS

Injected into the previews above. Comment form

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */