Details

In this article

Expandable area using the <details> element. Implemented as a special variant of Messagebox.

Input:

::: details

Lorem ipsum dolor sit amet.

- Foo
- Bar
- Baz

:::

Output:

Details

Lorem ipsum dolor sit amet.

  • Foo
  • Bar
  • Baz

Title can optionally be specified:

Input:

::: details Click me!

Lorem **ipsum** dolor sit amet.

- foo
- bar
- baz

:::

Output:

Click me!

Lorem ipsum dolor sit amet.

  • foo
  • bar
  • baz

Localization

Uses the same messagebox.title property as messageboxes with details as key.

const docs = new Generator(import.meta.url, {
    markdown: {
        messagebox: {
            title: {
                details: "Läs mer",
            },
        },
    },
});

Esc to close Arrow up/down to navigate Enter to select