SignaturePad experimental

Ark UI SignaturePad 기반 wrapper입니다. 손글씨 서명을 받는 control, segment, guide, clear-trigger, label, hidden-input anatomy를 제공합니다.

@ark-ui/svelte/signature-pad Ark UI docs ↗

서명

<script lang="ts">
  import * as SignaturePad from '@odbd/svelte/signature-pad'
</script>

<SignaturePad.Root style="max-width: 24rem;">
  <SignaturePad.Label>서명</SignaturePad.Label>
  <SignaturePad.Control>
    <SignaturePad.Segment />
    <SignaturePad.Guide />
  </SignaturePad.Control>
  <SignaturePad.ClearTrigger>지우기</SignaturePad.ClearTrigger>
</SignaturePad.Root>

Import

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

import * as SignaturePad from '@odbd/svelte/signature-pad'

import { SignaturePad } from '@odbd/react/signature-pad'