Update nav rail

dioxus-community · Oct 22, 2023 · 4751520 · 4751520
1 parent 01f5745
commit 4751520
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/examples/navigation_rail.rs b/examples/navigation_rail.rs
@@ -1,19 +1,25 @@
 use dioxus::prelude::*;
-use dioxus_material::{NavigationRail, NavigationRailItem, Theme};
+use dioxus_material::{NavigationRail, NavigationRailItem, Theme, Icon, IconKind, IconFont};
 
 fn app(cx: Scope) -> Element {
     render!(
+        IconFont {}
         Theme { 
             NavigationRail { 
                 NavigationRailItem {
-                    icon: render!("A"),
+                    icon: render!(Icon { kind : IconKind::Home }),
                     label: render!("All files"),
                     is_selected: false,
                     onselect: |_| {}
                 }
-                NavigationRailItem { icon: render!("B"), label: render!("Recent"), is_selected: true, onselect: |_| {} }
                 NavigationRailItem {
-                    icon: render!("C"),
+                    icon: render!(Icon { kind : IconKind::History }),
+                    label: render!("Recent"),
+                    is_selected: true,
+                    onselect: |_| {}
+                }
+                NavigationRailItem {
+                    icon: render!(Icon { kind : IconKind::PhotoAlbum }),
                     label: render!("Photos"),
                     is_selected: false,
                     onselect: |_| {}

diff --git a/src/navigation_rail.rs b/src/navigation_rail.rs
@@ -12,7 +12,7 @@ pub fn NavigationRail<'a>(cx: Scope<'a>, children: Element<'a>) -> Element<'a> {
                 width: "50px",
                 list_style: "none",
                 margin: 0,
-                padding: 0,
+                padding: "0 10px",
                 children
             }
         }