Link

import { Link, Text } from '@bindshq/stance-react';

export function Basic() {
  return (
    <Text size="sm">
      By continuing you agree to the <Link href="#terms">Terms of service</Link> and{' '}
      <Link href="#privacy">Privacy policy</Link>.
    </Text>
  );
}

import { Link, Stack, Text } from '@bindshq/stance-react';

export function Variants() {
  return (
    <Stack gap={3}>
      <Text size="sm">
        Inline: read the <Link href="#guide">deployment guide</Link>.
      </Text>
      <Link href="#templates" variant="standalone">
        View all templates →
      </Link>
      <Text size="sm" tone="muted">
        Subtle: owned by{' '}
        <Link href="#user" variant="subtle">
          Priya Raman
        </Link>
      </Text>
    </Stack>
  );
}

import { Link } from '@bindshq/stance-react';

export function External() {
  return (
    <Link href="https://binds.si" external variant="standalone">
      Visit binds.si
    </Link>
  );
}

import { Link } from '@bindshq/stance-react';

export function RouterLink() {
  return (
    <Link asChild variant="standalone">
      <a href="#dashboard">Go to dashboard</a>
    </Link>
  );
}