Indicator 标志

标志用来将元素放置在另一个元素的角落。

类名
类型
indicator 组件类 Container element
indicator-item 组件类 will be placed on the corner of sibling
indicator-start
响应类
align horizontally to the left
indicator-center
响应类
align horizontally to the center
indicator-end
响应类
align horizontally to the right (default)
indicator-top
响应类
align vertically to top (default)
indicator-middle
响应类
align vertically to middle
indicator-bottom
响应类
align vertically to bottom
# Empty badge as indicator
content
# Badge as indicator
new
content
# for button
99+
# for tab
# for avatar
typing…
Tailwind CSS examples
# for an input
Required
# A button as an indicator for a card

Job Title

Rerum reiciendis beatae tenetur excepturi

# in center of an image
Uploading Image... Tailwind CSS examples
# indicator-top (default) indicator-start
content
# indicator-top (default) indicator-center
content
# indicator-top (default) indicator-end (default)
content
# indicator-middle indicator-start
content
# indicator-middle indicator-center
content
# indicator-middle indicator-end (default)
content
# indicator-bottom indicator-start
content
# indicator-bottom indicator-center
content
# indicator-bottom indicator-end (default)
content
# multiple indicators
top+start top+center top+end middle+start middle+center middle+end bottom+start bottom+center bottom+end
content
# Responsive
changes position based on resolution
content
daisyUI store

New template: SaaS Landing page

Available on daisyUI store

More details