Link experimental

기본 link wrapper입니다. native <a>로 문서 이동 링크를 렌더링하고 default/muted variant를 제공합니다.

native a

<script lang="ts">
  import { Link } from '@odbd/svelte'

  const links = [
    { href: '#default-link', label: '제품 가이드', variant: 'default' },
    { href: '#muted-link', label: '릴리스 노트', variant: 'muted' },
  ] as const
</script>

<div class="preview-stack">
  {#each links as link}
    <Link href={link.href} variant={link.variant}>{link.label}</Link>
  {/each}
</div>

Import

Svelte와 React가 같은 anatomy 계약을 공유합니다. 선택한 프레임워크는 모든 페이지에서 유지됩니다. 패키지 설치는 Getting Started를 참고하세요.

import { Link } from '@odbd/svelte'

import { Link } from '@odbd/react/link'