1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
use yew::prelude::*;
#[derive(Clone, Debug, Properties, PartialEq)]
pub struct NotificationProps {
#[prop_or_default]
pub children: Children,
#[prop_or_default]
pub classes: Classes,
}
/// Bold notification blocks, to alert your users of something.
///
/// [https://bulma.io/documentation/elements/notification/](https://bulma.io/documentation/elements/notification/)
#[function_component(Notification)]
pub fn notification(props: &NotificationProps) -> Html {
let class = classes!("notification", props.classes.clone());
html! {
<div {class}>
{props.children.clone()}
</div>
}
}