Component Gallery (Kitchen Sink)

Every block type the content library can render, on one page — a living stress-test of the vocabulary.

By Cannible Editorial

This page renders one of every block type so we can eyeball the whole vocabulary at once — as a human here, and as an LLM bot at ?__bot=1. Each block below is authored with the same markdown + :::directive syntax Claude and the admin editor use.

Rich text

Rich text supports bold, italic, inline code, and links. It also does bullet lists:

…and numbered lists:

  1. Start low
  2. Go slow
  3. Wait before re-dosing

Heading level three

Heading level four

Headings give the page its outline — bots read them as the document structure.

Accordion (FAQ)

FAQ accordions roll up into FAQPage structured data automatically — every Q&A here becomes eligible for rich results.

What is a block?

A typed unit of content with three renderers: React for humans, static HTML for bots, and JSON-LD for schema.

Do accordions work without JavaScript?

Yes — they render as native <details>/<summary>, so a non-JS crawler reads every answer.

Accordion (plain)

A non-FAQ accordion — same expand/collapse, no schema roll-up.

Show me more

This content is collapsed until you open it.

Product card

Embeds a live product with its prettified image, price, and availability — and emits Product/Offer JSON-LD.

Rove Bellini Cartridge

Rove Bellini Cartridge — by Rove · vape — $35.00

In stock — Our pick for this demo

Image

White Widow product hero
A single prettified product image with a caption.

Gallery

Video — uploaded file (MP4)

A real HTML5 player for a hosted/uploaded file, with a custom poster.

Sample uploaded video (MP4) (video)

Sample uploaded video (MP4)
Transcript

This is a real HTML5 video for uploaded/hosted files — controls, optional autoplay/mute/loop, and an optional poster. A non-JS bot reads this transcript instead.

Video — YouTube (minimal, click-to-play)

Privacy-mode embed (youtube-nocookie): nothing loads from YouTube and no branding shows until you click; rel=0 suppresses "recommended" videos after. Poster is optional.

Big Buck Bunny (YouTube) (video)

Big Buck Bunny (YouTube)
Transcript

The transcript a non-JS bot reads in place of the player.

Audio

COA explainer (audio) (audio)

Transcript

Audio blocks carry a transcript so the spoken content is still readable by bots and search engines.

Download

Download our llms.txt

Bookmark

How to Read a Cannabis COA — A companion article, shown as a link-preview card.

Quote

The label is a starting point, not a rulebook — the terpene profile tells the real story.

Divider


That's the whole set. Add a new block type to the shared model once, and it appears here — and in every article — automatically.

View on Cannible →