mirror/rio
1
0
Fork 0
mirror of https://github.com/rio-labs/rio.git synced 2026-02-10 23:59:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

added how to remove default navbar

Browse Source
This commit is contained in:
Sn3llius
2024-09-26 19:49:56 +02:00
parent 0c98cf7d1b
commit 8c0b3268b2
1 changed files with 0 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
rio/snippets/snippet-files/howtos-todo/remove-default-navbar.md
View File

@@ -1,47 +0,0 @@
# How can I remove the default navigation bar?
If your app has multiple pages, a default navigation bar will automatically be
displayed.
```python
app = rio.App(
pages=[
rio.ComponentPage(
name="Home",
url_segment="",
build=lambda: rio.Markdown("Welcome to your Home Page!"),
),
rio.ComponentPage(
name="About Us",
url_segment="about-page",
build=lambda: rio.Markdown("This page provides information about our company."),
),
],
)
```
To disable the default navigation bar, simply add a `build` method to your `App`
class.
```python
app = rio.App(
# Add a build method to your App class
build=lambda: rio.PageView(grow_y=True), # <-- Will remove the default navigation bar
pages=[
rio.ComponentPage(
name="Home",
url_segment="",
build=lambda: rio.Markdown("Welcome to your Home Page!"),
),
rio.ComponentPage(
name="About Us",
url_segment="about-page",
build=lambda: rio.Markdown("This page provides information about our company."),
),
],
)
```
For details on styling your navigation bar and creating a custom build function,
refer to [Multipage Example](http://rio.dev/examples/multipage-website).