Markdown supports unordered, ordered, and nested lists for various content needs.
Use unordered lists for items without a specific sequence. Start each item with a - symbol.
- I'm a list item.
- I'm another list item.
- I'm the last list item.
Use ordered lists when item order matters, like steps in a process. Start each item with a number.
1. I'm a list item.
2. I'm another list item.
3. I'm the last list item.
Create hierarchical lists with sub-items for complex structures. Indent sub-items by four spaces for nesting.
- I'm a list item.
- I'm a nested list item.
- I'm another nested list item.
- I'm another list item.
- Another nested item
- Deep nested item
- Another deep nested item
- Back to second level
You can combine ordered and unordered lists for complex hierarchies.
1. First major step
- Sub-requirement A
- Sub-requirement B
2. Second major step
- Another sub-item
- Final sub-item
3. Final step
Present structured data in rows and columns clearly. Tables are ideal for comparing data or listing properties.
| Prop | Default | Type |
|---|---|---|
name | string | |
size | md | string |
color | neutral | string |
| Prop | Default | Type |
|---------|-----------|--------------------------|
| `name` | | `string` |
| `size` | `md` | `string` |
| `color` | `neutral` | `string` |
Below is the theme configuration skeleton for the ProseListsAndTables. Since the component is provided unstyled by default, you will need to fill in these values to apply your own custom look and feel. If you prefer to use our pre-built, opinionated styling, you can instead use our UnoCSS preset, this docs is using it as well.
export default defineAppConfig({
pohon: {
prose: {
listsAndTables: {}
}
}
};
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import pohon from 'pohon-ui/vite'
export default defineAppConfig({
pohon: {
prose: {
listsAndTables: {}
}
}
};