App Svelte Component

App Svelte component is the main app component that allows to define global theme (iOS or Material) and other useful globals.

If you use Konsta UI with other framework (like Framework7, you should use KonstaProvider instead.

Contents

App Components

There are following components included:

  • App

App Props

NameTypeDefaultDescription
darkbooleanfalse

Include

iosHoverHighlightbooleantrue

Enables touch highlight effect in iOS theme. Allows to globally disable touch highlight for all components

materialTouchRipplebooleantrue

Enables touch ripple effect in Material theme. Allows to globally disable touch ripple for all components

safeAreasbooleantrue

Adds

theme'ios' | 'material' | 'parent''material'

App theme. If set to

Examples

App component should be used as main wrapper for all Konsta UI components, and there should be only one App component at a time in the 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>
Code licensed under MIT.
2025 © Konsta UI by nolimits4web.