Meet our new project:Cladd — A React UI kit for building actual appsAll-newPaneFlow v2 is hereAll-newSwiper Studio v2 is heret0ggles —now with a free plan!Start Page HQ —now with a free plan!

App Svelte Component

App Svelte component is the main Framework7 app component where all the Framework7 core initialization happens and where you pass all main Framework7 parameters.

App Components

There are following components included:

App Properties

App component receives all App parameters as component props.

Examples

<App {...f7params}>
  ...
</App>
<script>
  import { App } from 'framework7-svelte';
  import AboutPage from './about.svelte';
  import ServicesPage from './services.svelte';

  const f7params = {
    name: 'My App',
    // routes
    routes: [
      {
        path: '/about/',
        component: AboutPage,
      },
      {
        path: '/services/',
        component: ServicesPage,
      },
    ],
    // ... other params
  }
</script>