Indicator

DaisyUI

Indicators are used to place an element on the corner of another element.

Basic Indicator
New
Content
Badge Indicator

Badge in top-end corner.

99+
📫
Status Indicator

Status badge in bottom-end corner.

online
👤
Button Indicator

Action button in top-start corner.

Card
Code Example
use rsxui::components::{Indicator, IndicatorItem};
use rsx_macros::rsx;
let html = rsx! {
    <Indicator>
        <IndicatorItem end_={true} top={true}>
            <span class="badge badge-primary">"New"</span>
        </IndicatorItem>
        <div>"Content"</div>
    </Indicator>
};