Skip to content
Docs

@hua-labs/ui
v1.0.0

bash
npm install @hua-labs/hua
tsx
import { Link } from "@hua-labs/hua";

href*string-docs:components.link.props.href
children*React.ReactNode-docs:components.link.props.children
variant"default" | "primary" | "secondary" | "ghost" | "underline""default"docs:components.link.props.variant
size"sm" | "md" | "lg""md"docs:components.link.props.size
externalbooleanfalsedocs:components.link.props.external

docs:common.basicUsagetsx
1import { Link } from '@hua-labs/hua';
2 
3<Link href="/about">About Us</Link>
docs:components.link.examples.variantstsx
1<Link href="/docs" variant="primary">Primary Link</Link>
2<Link href="/docs" variant="secondary">Secondary</Link>
3<Link href="/docs" variant="underline">Underlined</Link>
4<Link href="/docs" variant="ghost">Ghost</Link>
docs:components.link.examples.externaltsx
1<Link href="https://github.com" external>
2  GitHub <ArrowSquareOut />
3</Link>

  • •docs:components.link.accessibility.externalLinks: docs:components.link.accessibility.externalLinksDesc
  • •docs:components.link.accessibility.semanticHtml: docs:components.link.accessibility.semanticHtmlDesc
ToggleInput