Usage help
Side by Side
import SideBySide from "@site/src/components/SideBySide";
<SideBySide>
{/* if not <span>, then it's gonna be <p> with larger margins */}
<span>Title 1 </span>
<span>Title 1 </span>
{/* need a space here!!!! around this code block */}
```js
<div className="some code, actual code lol">
<AssContext.Provider value="switcharoooo">
<Section1 />
</AssContext.Provider>
</div>
);
};
```
<div>Some other stuff</div>
</SideBySide>
Tabs
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
<Tabs>
<TabItem value="js" label="JavaScript">
```js
function helloWorld() {
console.log("Hello, world!");
}
```
</TabItem>
<TabItem value="py" label="Python">
```py
def hello_world():
print("Hello, world!")
```
</TabItem>
<TabItem value="java" label="Java">
```java
class HelloWorld {
public static void main(String args[]) {
System.out.println("Hello, World");
}
}
```
</TabItem>
</Tabs>
Top of the page metadata
Makes the page full width
---
hide_table_of_contents: true
## adds Alert at the page top, only visible in DEV, not PROD
draft: true
title: Title in navigation and Page main heading (if no # haha, but if yes, then still in bread-crumb)
# if no title, and no `# headin` then file name becomes the title
description: Markdown page SEO description
slug: /my-slugzz only the slug, can be slug with or without /
# if no slug, then file name is the slug
---
Easy to Use
Docusaurus was designed from the ground up to be easily installed and used to get your website up and running quickly.
Focus on What Matters
Docusaurus lets you focus on your docs, and we'll do the chores. Go ahead and move your docs into the docs directory.
Powered by React
Extend or customize your website layout by reusing React. Docusaurus can be extended while reusing the same header and footer.