2024-08-01 00:18:31 +08:00
|
|
|
# Nav
|
|
|
|
|
|
|
|
```rust demo
|
|
|
|
|
|
|
|
view! {
|
|
|
|
<NavDrawer>
|
2024-08-01 22:12:42 +08:00
|
|
|
<NavCategory value="area">
|
|
|
|
<NavCategoryItem slot icon=icondata::AiAreaChartOutlined>
|
|
|
|
"Area Chart"
|
|
|
|
</NavCategoryItem>
|
|
|
|
<NavSubItem value="target">
|
|
|
|
"Target"
|
|
|
|
</NavSubItem>
|
|
|
|
<NavSubItem value="above">
|
|
|
|
"Above"
|
|
|
|
</NavSubItem>
|
|
|
|
<NavSubItem value="below">
|
|
|
|
"Below"
|
|
|
|
</NavSubItem>
|
|
|
|
</NavCategory>
|
|
|
|
<NavCategory value="pie">
|
|
|
|
<NavCategoryItem slot icon=icondata::AiPieChartOutlined>
|
|
|
|
"Pie Chart"
|
|
|
|
</NavCategoryItem>
|
|
|
|
<NavSubItem value="pie-target">
|
|
|
|
"Pie Target"
|
|
|
|
</NavSubItem>
|
|
|
|
<NavSubItem value="pin-above">
|
|
|
|
"Pin Above"
|
|
|
|
</NavSubItem>
|
|
|
|
<NavSubItem value="pin-below">
|
|
|
|
"Pin Below"
|
|
|
|
</NavSubItem>
|
|
|
|
</NavCategory>
|
2024-08-01 00:18:31 +08:00
|
|
|
<NavItem
|
|
|
|
icon=icondata::AiGithubOutlined
|
|
|
|
value="github"
|
|
|
|
href="https://github.com/thaw-ui/thaw"
|
|
|
|
attr:target="_blank"
|
|
|
|
>
|
|
|
|
"Github"
|
|
|
|
</NavItem>
|
|
|
|
<NavItem icon=icondata::AiChromeOutlined value="chrome">
|
|
|
|
"Chrome"
|
|
|
|
</NavItem>
|
|
|
|
</NavDrawer>
|
|
|
|
}
|
2024-08-01 22:12:42 +08:00
|
|
|
```
|