(iframe: Option<bool>, dark_mode: Option<bool>)
| 1141 | |
| 1142 | #[component] |
| 1143 | fn Home(iframe: Option<bool>, dark_mode: Option<bool>) -> Element { |
| 1144 | rsx! { |
| 1145 | main { class: "dx-home-page", role: "main", |
| 1146 | div { id: "hero", |
| 1147 | div { class: "dx-hero-shell", |
| 1148 | h1 { class: "dx-hero-heading", |
| 1149 | span { class: "dx-hero-title", "dioxus-components" } |
| 1150 | span { class: "dx-hero-subtitle", |
| 1151 | "beautiful, accessible, responsive components for dioxus apps" |
| 1152 | } |
| 1153 | } |
| 1154 | p { class: "dx-hero-summary", |
| 1155 | "Dioxus components by the Dioxus team. Browse the catalog, copy the CLI command, and pull only what you need into your project. Thoughtfully designed with powerful accessibility features." |
| 1156 | } |
| 1157 | div { class: "dx-hero-cta", |
| 1158 | Link { to: Route::docs(), class: "dx-hero-cta-primary", |
| 1159 | "get started" |
| 1160 | ArrowRight { size: "18", stroke_width: "1.8" } |
| 1161 | } |
| 1162 | div { class: "dx-hero-command", |
| 1163 | span { class: "dx-hero-prompt", "$" } |
| 1164 | code { "dx components list" } |
| 1165 | CopyCommandButton { command: "dx components list".to_string() } |
| 1166 | } |
| 1167 | } |
| 1168 | } |
| 1169 | } |
| 1170 | WidgetMasonry {} |
| 1171 | section { class: "dx-home-section dx-catalog-section", |
| 1172 | header { class: "dx-section-header", |
| 1173 | span { class: "dx-section-eyebrow", "Catalog" } |
| 1174 | h2 { class: "dx-section-title", "All components" } |
| 1175 | p { class: "dx-section-summary", |
| 1176 | "Every primitive in the library, with live previews and a copy-paste install command for each one." |
| 1177 | } |
| 1178 | } |
| 1179 | ComponentGallery {} |
| 1180 | } |
| 1181 | } |
| 1182 | } |
| 1183 | } |
| 1184 | |
| 1185 | struct MasonryEntry { |
| 1186 | component: fn() -> Element, |
nothing calls this directly
no outgoing calls
no test coverage detected