Clipboard experimental
Ark UI Clipboard 기반 wrapper입니다. copy trigger와 copied indicator anatomy를 제공합니다.
Preview
pnpm add @odbd/svelte
<script lang="ts">
import * as Clipboard from '@odbd/svelte/clipboard'
</script>
<Clipboard.Root value="pnpm add @odbd/svelte">
<Clipboard.Label>Install command</Clipboard.Label>
<Clipboard.ValueText />
<Clipboard.Control>
<Clipboard.Input />
<Clipboard.Trigger>
<Clipboard.Indicator>
Copy
{#snippet copied()}Copied!{/snippet}
</Clipboard.Indicator>
</Clipboard.Trigger>
</Clipboard.Control>
</Clipboard.Root>
Import
Svelte와 React가 같은 anatomy 계약을 공유합니다. 선택한 프레임워크는 모든 페이지에서 유지됩니다. 패키지 설치는 Getting Started를 참고하세요.
import * as Clipboard from '@odbd/svelte/clipboard' import { Clipboard } from '@odbd/react/clipboard'