flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/dogumentation. Simple, minimalistic documentation template using astro
flo-bit.dev/dogumentation/
1.1 kB
53 lines
1---
2title: "Asides"
3description: "How to show asides in your documentation"
4category: "Components"
5---
6
7# Asides
8
9Asides are a way to show additional information in your documentation.
10
11```jsx
12import ErrorAside from "$components/asides/ErrorAside.astro";
13
14<ErrorAside title="This is an error aside">
15 This is an error aside.
16</ErrorAside>
17```
18
19### Result:
20
21import ErrorAside from "$components/asides/ErrorAside.astro";
22import WarningAside from "$components/asides/WarningAside.astro";
23import SuccessAside from "$components/asides/SuccessAside.astro";
24import InfoAside from "$components/asides/InfoAside.astro";
25
26<ErrorAside title="This is an error aside">
27 This is an error aside.
28</ErrorAside>
29
30There are 4 different asides:
31
32- `ErrorAside`
33- `WarningAside`
34- `SuccessAside`
35- `InfoAside`
36
37<ErrorAside title="This is an error aside">
38 This is an error aside.
39</ErrorAside>
40
41<WarningAside title="This is a warning aside">
42 This is a warning aside.
43</WarningAside>
44
45<SuccessAside title="This is a success aside">
46 This is a success aside.
47</SuccessAside>
48
49<InfoAside title="This is an info aside">
50 This is an info aside.
51</InfoAside>
52
53