Components

The Angular doc components the Insert menu can drop into a page, live.

These are live Angular components — the Components section documents each in depth; here is exactly what the Insert menu gives you.

Tabs

The blank lines around pane content are load-bearing: without them Markdown inside the panes stays literal text.

<fd-tabs>
  <div tab="First">

Content (keep the blank lines).

  </div>
  <div tab="Second">

Content.

  </div>
</fd-tabs>

Content (keep the blank lines).

Content.

<fd-steps>
  <div step="First step">

What to do.

  </div>
  <div step="Second step">

What comes next.

  </div>
</fd-steps>

What to do.

What comes next.

<fd-api-field name="option" type="string" default="value">
  What it does.
</fd-api-field>

What it does.

A minimal proof of live state — click it.

<fd-counter start="0" step="1"></fd-counter>