App Svelteコンポーネント

Appコンポーネント
Appプロパティ
例

App Svelteコンポーネントは、グローバルテーマ（iOSまたはMaterial）およびその他の便利なグローバル設定を定義できるメインのアプリコンポーネントです。

Konsta UIを他のフレームワーク（Framework7など）と併用する場合は、代わりにKonstaProviderを使用してください。

Appコンポーネント

次のコンポーネントが含まれています。

App

Appプロパティ

名前	型	デフォルト	説明
dark	boolean	false	`dark:`バリアントを含めます（ダークテーマが使用されている場合）
safeAreas	boolean	true	コンテナに`safe-areas`クラスを追加します。アプリコンテナが全画面要素である場合、画面のセーフエリアを適切に処理するために有効にする必要があります。
theme	'ios' \| 'material' \| 'parent'	'material'	アプリのテーマ。`'parent'`に設定すると、ルート`<html>`要素で`ios`または`md`クラスを探します。Framework7やIonicなどの親フレームワークで使用する場合に便利です。
touchRipple	boolean	true	Materialテーマでタッチリップル効果を有効にします。すべてのコンポーネントでタッチリップルをグローバルに無効にすることができます。

例

Appコンポーネントは、すべてのKonsta UIコンポーネントのメインラッパーとして使用し、アプリには一度に1つのAppコンポーネントのみ存在する必要があります。

<script>
  import { App } from 'konsta/svelte';
</script>

<!-- App component ideally should be the main root component -->
<App theme="ios" safeAreas>
  <!-- rest of Konsta UI components -->
</App>