svelte-autokana Svelte Themes

Svelte Autokana

Svelteでふりがなを自動で入力するためのAction

svelte-autokana

ふりがなを自動で入力するためのSvelte Action

Installation

npm i svelte-autokana
pnpm add svelte-autokana

Usage

<script lang="ts">
    import { createAutoKana } from 'svelte-autokana'

    const [nameAction, kanaAction] = createAutoKana()
</script>

<label for="name">名前</label>
<input id="name" type="text" use:nameAction />

<label for="nameKana">名前(かな)</label>
<input id="nameKana" type="text" use:kanaAction />

Parameters

Name Type Default value Description
katakana boolean false trueの場合、出力はカタカナ
clearWhenEmpty boolean true 元のinputを空にしたときに、かなも空にするか

Top categories

Loading Svelte Themes