+
+ 
+
+
+ Kibisis Website +
+ ++ The front facing website for the Kibisis wallet. +
+ ++ The website is built using Docusaurus and fills the role of landing page, tutorial and blog. +
+ +
+
+ 
+
+
My React page
+This is a React page
+Hello, Docusaurus!
+ ) + } + ``` + +```jsx title="src/components/HelloDocusaurus.js" +function HelloDocusaurus() { + returnHello, Docusaurus!
; +} +``` + +## Admonitions + +Docusaurus has a special syntax to create admonitions and callouts: + + :::tip My tip + + Use this awesome feature option + + ::: + + :::danger Take care + + This action is dangerous + + ::: + +:::tip My tip + +Use this awesome feature option + +::: + +:::danger Take care + +This action is dangerous + +::: + +## MDX and React Components + +[MDX](https://mdxjs.com/) can make your documentation more **interactive** and allows using any **React components inside Markdown**: + +```jsx +export const Highlight = ({children, color}) => ( + { + alert(`You clicked the color ${color} with label ${children}`) + }}> + {children} + +); + +This isdocs directory.
+
+ ),
+ },
+ {
+ title: 'Powered by React',
+ Svg: poweredByReact,
+ description: (
+ <>
+ Extend or customize your website layout by reusing React. Docusaurus can
+ be extended while reusing the same header and footer.
+
+ ),
+ },
+];
+
+function Feature({ title, Svg, description }: FeatureItem) {
+ return (
+
+
+ );
+}
+
+export default function HomepageFeatures(): JSX.Element {
+ return (
+
+
+
+
+
+ {title}
+{description}
+
+
+
+ {FeatureList.map((props, idx) => (
+
+
+
+ {siteConfig.title}
+{siteConfig.tagline}
+
+
+ Docusaurus Tutorial - 5min β±οΈ
+
+
+