Indicator
DaisyUIIndicators 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>};Created by Isak Rickyanto@2026