Skip to main content

Elements

All elements available in Figdown. Each element is a keyword — the last word before : on a line.

Layout

Structure and container elements.

ElementDescription
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.

ElementDescription
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.

ElementDescription
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.

ElementDescription
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 list 1. item
  • Link [text](url)
  • Image ![alt](url)
  • Table | col | col |
  • Horizontal rule ---
  • Code block