Dropdowns

Dropdowns allow you to hide and reveal content on user interaction. By default, dropdowns are collapsed. This hides content until a user clicks the title of the collapsible block.

:::{dropdown} Dropdown Title
Dropdown content
:::
		

You can specify that the dropdown content should be visible by default. Do this by specifying the open option. Users can collapse content by clicking on the dropdown title.

:::{dropdown} Dropdown Title
:open:
Dropdown content
:::
		

You can add an applies_to badge to the dropdown title by specifying the :applies_to: option. This displays a badge indicating which deployment types, versions, or other applicability criteria the dropdown content applies to.

Source

:::{dropdown} Dropdown Title
:applies_to: stack: ga 9.0
Dropdown content for Stack GA 9.0
:::
		

Rendering

You can also specify multiple definitions in the same :applies_to: parameter. For example, :applies_to: { ece:, ess: } renders both ECE and ECH badges.

You can specify multiple applies_to definitions using YAML object notation with curly braces {}. This is useful when content applies to multiple deployment types or versions simultaneously.

:::{dropdown} Dropdown Title
:applies_to: { ece:, ess: }
Dropdown content for ECE and ECH
:::