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
Link
A component for styling hyperlinks and link-like elements
<hf-link><a href="#">Real link</a></hf-link>, <hf-link><span role="link">Fake link</span></hf-link>
Real link
,
Fake link
Notes
The link component provides consistent styling for both real and simulated links.
Use with real
<a>
tags for actual links
Use with
role="link"
for elements that behave like links
Maintains consistent styling across different contexts