Rating

DaisyUI

Rating is a set of radio buttons that allow the user to rate something.

Basic Rating

Click a star to select a rating.

Read Only

Use div elements instead of radio inputs for display-only ratings.

mask-star-2 with Color

Different mask shape and background color.

Sizes

From extra small to extra large.

Clearable Rating

A hidden radio at the start lets users clear their rating.

Half Stars

Allow half-star ratings with mask-half-1 and mask-half-2.

Code Example

use rsxui::components::{Rating, Size};

use rsx_macros::rsx;

// Basic rating with checked state

let html = rsx! {

    <Rating max={5} checked={3} />

};

// Read-only display

let html = rsx! {

    <Rating max={5} checked={3} read_only={true} />

};

// Half stars with custom mask and color

let html = rsx! {

    <Rating

        max={5}

        half={true}

        checked={3}

        mask="mask-star-2"

        color="bg-green-500"

        size={Size::Lg}

        hidden={true}

/>

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026