# Dropdown

URL: /docs/directives/dropdown/
Section: directives
Tags: directives, dropdown

--------------------------------------------------------------------------------

Dropdown Collapsible content sections using HTML <details> element. Basic Usage :::{dropdown} Click to expand Hidden content goes here. :::{/dropdown} Open by Default :::{dropdown} Already expanded :open: This content is visible by default. :::{/dropdown} Options Option Type Description open bool Expand by default class string Additional CSS classes icon string Custom icon name Styling Combine with admonition types: :::{dropdown} Warning Details :class: warning Additional warning information. :::{/dropdown} Nesting Dropdowns can contain any Markdown including other directives: :::{dropdown} Outer dropdown :::{note} A note inside a dropdown. :::{/note} :::{dropdown} Nested dropdown Inception! :::{/dropdown} :::{/dropdown}

--------------------------------------------------------------------------------

Metadata:
- Word Count: 91
- Reading Time: 1 minutes