Files
hasezoey 50ed31ff0e docs: replace admonition ":::caution" with ":::warning"
as ":::caution" has been deprecated and replaced with ":::warning" in docusaurus 3.0, see:
https://docusaurus.io/docs/migration/v3#admonition-warning
2025-04-22 14:09:22 +02:00

117 lines
2.1 KiB
Plaintext

---
id: test
title: 'Docusaurus Testing'
---
This file is meant to show what Docusaurus is capable of and how it looks in this projects styles
Sources:
- [Docusaurus Documentation](https://docusaurus.io/docs/)
- [infima Documentation](https://infima.dev/docs/getting-started/introduction)
## Callouts / Admonitions
:::note
The content and title *can* include markdown.
:::
:::tip You can specify an optional title
Heads up! Here's a pro-tip.
:::
:::info
Useful information.
:::
:::warning
Warning! You better pay attention!
:::
:::danger
Danger danger, mayday!
:::
### Specify type and title
:::note Your Title
The content and title *can* include markdown.
:::
## Badges
<span class="badge badge--primary">Primary</span>
<span class="badge badge--secondary">Secondary</span>
<span class="badge badge--success">Success</span>
<span class="badge badge--info">Info</span>
<span class="badge badge--warning">Warning</span>
<span class="badge badge--danger">Danger</span>
## Tabs
[Tabs](https://docusaurus.io/docs/markdown-features/tabs)
<!--MDX Import section-->
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
<!--END MDX Import section-->
<Tabs groupId="test-tabs">
<TabItem value="tab1" label="Tab 1" default>
Hello Tab 1, text first
```txt
Code in Tab 1
```
</TabItem>
<TabItem value="tab2" label="Tab 2">
```txt
Code in Tab 2
```
Hello Tab 2, text last
</TabItem>
</Tabs>
## Extra Code Block Styling
[Extra Code Block Styling](https://docusaurus.io/docs/markdown-features/code-blocks)
[Highlighting lines](https://docusaurus.io/docs/markdown-features/code-blocks#line-highlighting):
```ts
import something from "some";
// highlight-start
class SomeClass {
public hello?: string
}
// highlight-end
export SomeClass;
```
[Line Numbering](https://docusaurus.io/docs/markdown-features/code-blocks#line-numbering):
```ts showLineNumbers
import something from "some";
class SomeClass {
public hello?: string
}
export SomeClass;
```
[Yarn & NPM](https://docusaurus.io/docs/markdown-features/code-blocks#npm2yarn-remark-plugin):
```bash npm2yarn
npm install somepackage
```