FAQ item

One question with a markdown answer; square with a 1px bottom rule.

Content

Pack defaults

With content

In context

Source

import { FaqItem } from "demo-webshop/components";

const props = {
  "question": "Question",
  "answer": "Answer.",
  "order": 0
};
<FaqItem {...props} />

Live CSS

Injected into the previews above. FAQ item

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