Added comments
This commit is contained in:
1 parent
1191694531
commit
0379ef3fb3
1 file changed
+14
-6
@@ -1,11 +1,11 @@
|
|||||||
use leptos::prelude::*;
|
use leptos::prelude::*;
|
||||||
use leptos_router::hooks::use_navigate;
|
use leptos_router::hooks::use_navigate;
|
||||||
|
|
||||||
/// #Dashboard Button Component
|
/// # Dashboard Button Component
|
||||||
///
|
///
|
||||||
/// This component displays a large panel-like button that redirects a user to a specified page.
|
/// This component displays a large panel-like button that redirects a user to a specified page.
|
||||||
/// It's best used on a user dashboard, where multiple instances of the button are present.
|
/// It's best used on a user dashboard, where multiple instances of the button are present.
|
||||||
/// It has a title, description, and icon
|
/// It has a title, a description, and icon
|
||||||
///
|
///
|
||||||
/// Example usage:
|
/// Example usage:
|
||||||
/// ```
|
/// ```
|
||||||
@@ -20,10 +20,18 @@ use leptos_router::hooks::use_navigate;
|
|||||||
/// ```
|
/// ```
|
||||||
#[component]
|
#[component]
|
||||||
pub fn DashboardButton(
|
pub fn DashboardButton(
|
||||||
#[prop(into)] title: String,
|
/// The main label displayed on the button.
|
||||||
#[prop(into)] description: String,
|
#[prop(into)]
|
||||||
#[prop(into)] icon: String,
|
title: String,
|
||||||
#[prop(into)] path: String,
|
/// A brief explanatory text that describes the destination page.
|
||||||
|
#[prop(into)]
|
||||||
|
description: String,
|
||||||
|
/// The file path or URL of the icon displayed at the top of the button.
|
||||||
|
#[prop(into)]
|
||||||
|
icon: String,
|
||||||
|
/// The route that the user is navigated to when clicking the button.
|
||||||
|
#[prop(into)]
|
||||||
|
path: String,
|
||||||
) -> impl IntoView {
|
) -> impl IntoView {
|
||||||
let navigate = use_navigate();
|
let navigate = use_navigate();
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user