Elements
All elements available in Figdown. Each element is a keyword — the last word before : on a line.
Layout
Structure and container elements.
| Element | Description |
|---|---|
row: | Horizontal flex container. Children sit side by side. |
card: | Bordered vertical container. Holds any content. |
hero: | Full-width section with title, subtitle, and buttons. |
nav: | Site navigation bar with logo and links. |
footer: | Page footer with logo and links. |
sidebar: | Two-column layout: aside + main. |
img: | Image element or labeled placeholder. |
--- | Horizontal divider (standard Markdown <hr>). |
Forms
User input elements.
| Element | Description |
|---|---|
input: | Text field. Supports email, password, search, number types. |
textarea: | Multi-line text field. |
dropdown: | Select element with option list. |
checkbox: | Labeled checkbox. |
radiogroup: | Group of mutually exclusive radio buttons. |
toggle: | Switch element. |
progress: | Progress bar. Include a % value in the label. |
Interactive
Elements that respond to user actions.
| Element | Description |
|---|---|
button: | Clickable element or link. |
tabs: | CSS-only tabbed interface. |
accordion: | Collapsible list with item: children. |
modal: | Native <dialog> triggered by a button. |
tooltip: | Inline popover shown on click. |
Content
Text and status elements.
| Element | Description |
|---|---|
title: | Renders <h1>. Used inside hero:. |
subtitle: | Renders <p>. Used inside hero:. |
badge: | Small inline pill label. |
alert: | Full-width message box. |
link: | Standalone <a> element. |
breadcrumb: | Navigation trail with link: children. |
Inherited from Markdown
These work exactly as in standard Markdown.
- Headings (
#,##,###) - Paragraph
- Bold
**text**, Italic*text* - Unordered list
- item, Ordered list1. item - Link
[text](url) - Image
 - Table
| col | col | - Horizontal rule
--- - Code block