Password Input experimental

Ark UI Password Input 기반 wrapper입니다. 비밀번호 입력과 표시/숨김 토글을 제공하며, Control 안에 Input과 VisibilityTrigger를 한 줄로 배치합니다.

@ark-ui/svelte/password-input Ark UI docs ↗

비밀번호

<script lang="ts">
  import * as PasswordInput from '@odbd/svelte/password-input'
</script>

<PasswordInput.Root style="max-width: 16rem;">
  <PasswordInput.Label>비밀번호</PasswordInput.Label>
  <PasswordInput.Control>
    <PasswordInput.Input placeholder="비밀번호를 입력하세요" />
    <PasswordInput.VisibilityTrigger>
      <PasswordInput.Indicator>
        숨기기
        {#snippet fallback()}
          보기
        {/snippet}
      </PasswordInput.Indicator>
    </PasswordInput.VisibilityTrigger>
  </PasswordInput.Control>
</PasswordInput.Root>

Import

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

import * as PasswordInput from '@odbd/svelte/password-input'

import { PasswordInput } from '@odbd/react/password-input'