Link
A flexible link component that renders as a styled anchor element with composition support. Perfect for navigation, external links, and custom link implementations.
Import
import { Link } from "@sparrowengg/twigs-react";Usage
const LinkExample = () => {
return (
<Link href="https://github.com/surveysparrow/twigs" target="_blank">Link</Link>
);
};Props
Link
| Prop | Type | Default |
|---|---|---|
asChild? | boolean | false |
href? | string | - |
target? | string | - |
rel? | string | - |
css? | object | - |
className? | string | - |
The Link component also accepts all standard HTML anchor attributes such as download, hreflang, media, ping, referrerPolicy, type, and event handlers like onClick, onFocus, onBlur, etc.
Heading
A component for rendering headings with consistent typography and styling. Supports different sizes and weights while maintaining semantic HTML structure.
Pagination
A comprehensive pagination component with navigation controls, page numbers, and ellipsis indicators. Perfect for navigating through large datasets.