Struct ThemeToggle 

pub struct ThemeToggle {
    _marker: PhantomData<()>,
    function_component: FunctionComponent<Self>,
}

A button component that toggles between light and dark theme modes.

Clicking this button switches the application’s theme by modifying the data-theme attribute on the document element. The theme preference is applied via CSS variables for consistent styling.

Behavior

• Reads the current data-theme attribute value from the HTML element
• Sets data-theme="dark" if currently in light mode
• Clears the attribute (light mode) if currently in dark mode
• Re-renders to reflect the visual changes (typically toggled via CSS)

Example Usage

html! {
    <ThemeToggle />
}

Fields

_marker: PhantomData<()>

function_component: FunctionComponent<Self>

Trait Implementations

impl BaseComponent for ThemeToggle

where Self: 'static,

type Message = ()

The Component’s Message.

type Properties = ()

The Component’s Properties.

fn create(ctx: &Context<Self>) -> Self

Creates a component.

fn update(&mut self, _ctx: &Context<Self>, _msg: Self::Message) -> bool

Updates component’s internal state.

fn changed( &mut self, _ctx: &Context<Self>, _old_props: &Self::Properties, ) -> bool

React to changes of component properties.

fn view(&self, ctx: &Context<Self>) -> HtmlResult

Returns a component layout to be rendered.

fn rendered(&mut self, _ctx: &Context<Self>, _first_render: bool)

Notified after a layout is rendered.

fn destroy(&mut self, _ctx: &Context<Self>)

Notified before a component is destroyed.

fn prepare_state(&self) -> Option<String>

Prepares the server-side state.

impl Debug for ThemeToggle

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.

impl FunctionProvider for ThemeToggle

type Properties = ()

Properties for the Function Component.

fn run(ctx: &mut HookContext, props: &Self::Properties) -> HtmlResult

Render the component. This function returns the Html to be rendered for the component.