Anchor
TypographyStyled hyperlink with Neo Green underline on hover.
Styled <a> element with two variants: text (solid Neo Green underline) and gradient (Neo Green to Ghost White gradient). Use asChild with a router <Link> for client-side navigation.
Usage
import { Anchor } from "nosible-ux"
export default function Example() {
return <Anchor href="/signals">View all signals</Anchor>
}Examples
Variants
Accessibility
Renders an <a> element. Use descriptive link text — avoid "click here". asChild preserves router link semantics.
Props
| Name | Type | Default | Description |
|---|---|---|---|
asChild | boolean | undefined | — | When true, renders the child element as the anchor. Use with router `<Link>` components. |
variant | "text" | "gradient" | null | undefined | — |