diff --git a/src/components/Aside.astro b/src/components/Aside.astro new file mode 100644 index 0000000..8eb5695 --- /dev/null +++ b/src/components/Aside.astro @@ -0,0 +1,30 @@ +--- +// Properties +const { + Type, + Message +} = Astro.props + +// Icons +var Note = '' +var Warning = '' +var Dangerous = '' +var Successful = '' +--- + +
+ { + ()=> { + if (Type === "Note") { + return

Note

+ } else if (Type === "Warning") { + return

Warning

+ }else if (Type === "Dangerous") { + return

Dangerous

+ }else if (Type === "Successful") { + return

Successful

+ } + } + } +

{Message}

+
\ No newline at end of file diff --git a/src/content/docs/components.mdx b/src/content/docs/components.mdx index c966386..3966e9f 100755 --- a/src/content/docs/components.mdx +++ b/src/content/docs/components.mdx @@ -5,11 +5,21 @@ Title: Components import { Prism } from '@astrojs/prism'; import { Zorn } from "@minpluto/zorn"; +import Aside from '../../components/Aside.astro' Documentation template for the Astro Web Framework. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi morbi tempus iaculis urna id volutpat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. A cras semper auctor neque vitae tempus quam. Tempus quam pellentesque nec nam aliquam. Lorem ipsum dolor sit amet consectetur adipiscing elit ut aliquam. Sed adipiscing diam donec adipiscing tristique risus nec feugiat in. Quis commodo odio aenean sed adipiscing diam. Pharetra et ultrices neque ornare aenean euismod elementum. Egestas fringilla phasellus faucibus scelerisque eleifend donec. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin nibh. +## Aside + +It's the blockquote below. + +