Dot

A status indicator component

<hf-dot type="info">Information</hf-dot> <hf-dot type="success">Success</hf-dot> <hf-dot type="warn">Warning</hf-dot> <hf-dot type="error">Error</hf-dot> <hf-dot>Unknown</hf-dot>

Information Success Warning Error Unknown

Notes

The dot component provides a visual indicator for different states or statuses.

• Use the type attribute to indicate different states
• Available types: info, success, warn, error
• Without a type, it shows a neutral state