Explore

The browse-everything section of a hub page. It is a titled band holding a stack of collapsible accordions, and it wraps one or more {card-group} directives.

A hub's full link list can run to nine or ten sections. Without grouping that is a very long page, so {explore} collapses it into a scannable stack.

See the docs-builder documentation hub for a rendered stack.

Basic

		:::::{explore}
:id: explore
:title: Explore the docs toolchain
:intro: Find what you need, organized by task.

::::{card-group}
:title: Quick links
:id: quick-links

:::{link-card}
title: Releases and APIs
links:
  - label: Exporters
    url: /data/exporters/index.md
  - label: API reference
    url: /data/api.md
:::
::::

::::{card-group}
:title: Authoring
:id: authoring

:::{link-card}
title: Syntax
links:
  - label: Directives
    url: /syntax/directives.md
:::
::::
:::::
		
	

Options

Option	Notes
`:title:`	Required. H2 heading, for example "Explore Elasticsearch".
`:intro:`	Intro paragraph below the heading.
`:id:`	Section anchor. Use `explore` so `{hero}`'s tertiary action can jump to it.

What nesting changes

{explore} carries no options for the accordions. Nesting drives everything:

Each {card-group} inside becomes one accordion. Its :title: is the accordion header.
The first accordion is expanded. The rest are collapsed.
Each {link-card} inside renders as a link column rather than a bordered card.

Toggling uses native <details> and <summary>, so it works without JavaScript.

Fence depth

Nesting three directives needs three fence widths. The outer fence always needs one more colon than its deepest child:

Directive	Fence
`{explore}`	`:::::`
`{card-group}`	`::::`
`{link-card}`	`:::`