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

App Properties

Examples

Passing all parameters in params prop

<App params={f7params}>
  ...
</App>
<script>
  import { App } from 'framework7-svelte';
  import AboutPage from './about.svelte';
  import ServicesPage from './services.svelte';
  const f7params = {
    name: 'My App',
    id: 'com.myapp.test',
    // routes
    routes: [
      {
        path: '/about/',
        component: AboutPage,
      },
      {
        path: '/services/',
        component: ServicesPage,
      },
    ],
    // ... other params
  }
</script>

Passing routes in separate prop:

<App params={f7params} routes={routes}>
  ...
</App>
<script>
  import { App } from 'framework7-svelte';
  import routes from './routes';
  const f7params = {
    name: 'My App',
    id: 'com.myapp.test',
    // ... other params
  };
</script>

← Color Properties

Accordion →