HTML-First UI
Components
Examples
Accordion
Alert
Autocomplete
Avatar
Badge
Blockquote
Box
Breadcrumb
Button
Card
Checkbox
Code Block
Code
Container
Details
Dialog
Dot
Form
Grid
Headings
Horizontal Rule
Input
Keyboard
Link
Lists
Loader
Menu
Radio
Range
Responsive Header
Responsive Sidebar
Select
Switch
Table
Tabs
Tag
Text
Textarea
Theme Menu
Theme Switch
Vertical Rule
Badge
A component for displaying counts or status indicators
<hf-badge count="1"></hf-badge> <hf-badge>New</hf-badge>
New
Notes
The badge component can be used to display notification counts or status labels.
Use the
count
attribute to display a number
Without
count
, the badge will display its content