Virtue of this plugin, the forum now supports callout boxes like this.
Usage
To create a callout, add [!type] to the first line of a quote, where type is the type identifier. The type identifier determines how the callout looks and feels. To see all available types, refer to Supported types.
The type identifier is case-insensitive.
> [!tip]
> **Tip**: Use `code snippets` to enhance readability. They provide clarity and precision.
[!tip]
Tip: Usecode snippetsto enhance readability. They provide clarity and precision.
Custom title
By default, the title of the callout is its type identifier in title case. You can change it by adding text after the type identifier:
> [!question] Custom Label 🤗
> Callouts labels can be customized.
> [!abstract] [date=2032-12-22 timezone="Europe/Paris"]
> They can also contain special inline formatting like dynamic dates.
[!question] Custom Label
Callouts labels can be customized.
[!abstract] 2032-12-21T23:00:00Z
They can also contain special inline formatting like dynamic dates.
You can also create title-only callouts:
> [!success] solved.
[!success] solved.
Foldable callouts
You can make a callout foldable by adding a plus + or a minus - directly after the type identifier.
+expands the callout by default-collapses it instead
> [!todo]- My Todo List
>
> - [x] Write documentation
> - [ ] Add tests
> - [ ] Review code
> [!todo]+ My Expanded Todo List
>
> - [x] Create repository
> - [ ] Setup CI/CD
> - [ ] Deploy to production
[!todo]- My Todo List
- Write documentation
- Add tests
- Review code
[!todo]+ My Expanded Todo List
- Create repository
- Setup CI/CD
- Deploy to production
Have fun authoring beautiful posts!
