Shortcodes

Explore Doks shortcodes for adding structured, reusable content elements such as callouts, cards, tabs, previews, videos, and step-by-step guides.

Callout

Display highlighted notes, warnings, and other notices inline with your content.

Card

Display content in a styled card with an optional icon, color, and body text.

Link Card

Display a clickable card that links to another page or URL.

Card Grid

Arrange cards side by side in a responsive grid layout.

Details

Display a collapsible disclosure widget with a summary and hidden body content.

Preview

Wrap shortcode output in a labeled preview box to show a live render alongside its code.

Steps

Display a numbered list of steps with styled step indicators.

Tabs

Display content in a tabbed interface using tabs and tab shortcodes.

Tree

Render a file and folder tree from a Markdown list with optional SVG icons.

Video

Embed a self-hosted video using the HTML video element.