Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99

--d --h --m --sGet Pro

Accordion FAQ JSON-LD

ProNew

An FAQ accordion whose entries also produce a schema.org FAQPage JSON-LD script, escaped so answer text cannot close the tag and always matching what people can read.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.

Guide and examples

When to use it

Use this for pricing and product FAQs where rich results in search matter.

Do not mark up FAQs that are advertising, or answers that differ from the text on the page. Search engines may ignore or penalise that.

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Log in Get Pro for $35

Props

AccordionFaqJsonLd

Prop	Type	Default	Description
`entries`	`{ question, answer }[]`	-	Plain-text questions and answers.

faqPageSchema

Prop	Type	Default	Description
`(entries)`	`object`	-	The FAQPage object, for server rendering.

Accessibility

The visible questions and the structured data come from the same entries, so they cannot drift apart (search engines require them to match).
< is escaped as \u003c in the JSON, so an answer containing </script> cannot break out of the script tag.
faqPageSchema(entries) is exported for server rendering, where the script can be placed in the head.

Keyboard

Key	Action
Enter or Space	opens a question

Testing

The pattern ships a Testing Library test (accordion-faq-jsonld.test.tsx) that covers the schema builder, a script matching the visible entries, escaping and normal accordion behaviour.