Phoenix Duskmoon UI Storybook

Actionbar
Components Actionbar
Breadcrumb
Components Breadcrumb
Button
Components Button
Card
Components Card
Form
Components Form
Left Menu
Components Left Menu
Link
Components Link
Loading
Components Loading
Markdown
Components Markdown
Modal
Components Modal
Navbar
Components Navbar
Pagination
Components Pagination
Pagination Thin
Components Pagination Thin
Tab
Components Tab
Table
Components Table
Compact Input
Components Form Compact Input
Input
Components Form Input

Markdown

# Page title

<.dm_markdown id="markdown-single-default" content="# Page title
"/>

With code Open in playground

# Code ```elixir n2_4 = :math.pow(2, 4) ```

<.dm_markdown
  id="markdown-single-with-code"
  content="# Code
```elixir
n2_4 = :math.pow(2, 4)
```
"
/>

With mermaid Open in playground

### Mermaid Chart ```mermaid graph LR; A-->B; A-->C; B-->D; C-->D; ``` ```mermaid graph TD; A-->B; A-->C; B-->D; C-->D; ```

<.dm_markdown
  id="markdown-single-with-mermaid"
  content="### Mermaid Chart
```mermaid
graph LR;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```
```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```
"
/>