Hub Usage

Components

Improve your content with Markdown Components

Your knowledge sharing hub supports the following custom components that can be added to your content markdown files.

Banners

There are three preconfigured banners: note, tip & warning.

Note

Hello Note Banner!
::note
Hello Note Banner!
::

Tip

Hello Tip Banner!
::tip
Hello Tip Banner!
::

Warning

Hello Warning Banner!
::warning
Hello Warning Banner!
::

Custom

To fully customize banners you can use the base component UAlert and some front matter to fully configure its appearance.

Hello Custom Banner!
::UAlert
---
title: Hello Custom Banner!
icon: i-lucide-octagon-x
color: error
variant: subtle
---
::

This are the props you can use in the front matter

PropDefaultAvailable Values
Titlestring
Descriptionstring
Iconstring
Colorprimaryerror primary secondary success info warning neutral
Variantsolidsolid outline soft subtle