Struct BottomButtonProps 

pub struct BottomButtonProps<F>
where
    F: Fn() + Clone + 'static,
{
    pub text: Signal<String>,
    pub color: Option<Signal<String>>,
    pub text_color: Option<Signal<String>>,
    pub on_click: Option<F>,
    pub button: BottomButton,
}

Available on crate feature leptos only.

Props for the BottomButton component.

Leptos component that controls a Telegram bottom button.

The component shows the selected bottom button and keeps its text and colors in sync with the provided reactive signals. An optional click callback can be registered and is automatically removed when the component unmounts.

Examples

use leptos::prelude::*;
use telegram_webapp_sdk::{
    leptos::{BottomButton, provide_telegram_context},
    webapp::{BottomButton as Btn, TelegramWebApp}
};

#[component]
fn App() -> impl IntoView {
    provide_telegram_context().expect("context");
    let (text, _set_text) = signal("Send".to_owned());
    view! {
        <BottomButton
            button=Btn::Main
            text
            on_click=move || {
                if let Some(app) = TelegramWebApp::instance() {
                    let _ = app.send_data("clicked");
                }
            }
        />
    }
}

Required Props

• text: impl Into<Signal<String>>
  • Reactive text label displayed on the button.

Optional Props

• color: impl Into<Signal<String>>
  • Optional reactive background color as a #RRGGBB hex string.
• text_color: impl Into<Signal<String>>
  • Optional reactive text color as a #RRGGBB hex string.
• on_click: [F]
  • Optional callback invoked when the button is clicked.
• button: WebBottomButton
  • Which bottom button to control; defaults to the main button.

Fields

text: Signal<String>

Reactive text label displayed on the button.

color: Option<Signal<String>>

Optional reactive background color as a #RRGGBB hex string.

text_color: Option<Signal<String>>

Optional reactive text color as a #RRGGBB hex string.

on_click: Option<F>

Optional callback invoked when the button is clicked.

button: BottomButton

Which bottom button to control; defaults to the main button.

Implementations

impl<F> BottomButtonProps<F>

where F: Fn() + Clone + 'static,

pub fn builder() -> BottomButtonPropsBuilder<F, ((), (), (), (), ())>

Create a builder for building BottomButtonProps. On the builder, call .text(...), .color(...)(optional), .text_color(...)(optional), .on_click(...)(optional), .button(...)(optional) to set the values of the fields. Finally, call .build() to create the instance of BottomButtonProps.

Trait Implementations

impl<F> Props for BottomButtonProps<F>

where F: Fn() + Clone + 'static,

type Builder = BottomButtonPropsBuilder<F>

fn builder() -> Self::Builder