- Get Started
- Svelte Components
- App
- Accordion
- Action Sheet / Actions
- Appbar
- Area Chart
- Badge
- Block / Content Block
- Breadcrumbs
- Button
- Cards
- Checkbox
- Chips / Tags
- Contacts List
- Floating Action Button / FAB
- Gauge
- Grid / Layout Grid
- Icon
- Inputs / Form Inputs
- Link
- List View
- List Button
- List Index
- List Item
- Login Screen
- Menu
- Menu List
- Messagebar
- Messages
- Navbar
- Page
- Panel / Side Panels
- Photo Browser
- Pie Chart
- Popover
- Popup
- Preloader
- Progressbar
- Radio
- Range Slider
- Searchbar
- Sheet Modal
- Skeleton
- Smart Select
- Sortable
- Stepper
- Subnavbar
- Swipeout
- Swiper
- Tabs
- Text Editor
- Toggle
- Toolbar / Tabbar
- Treeview
- View
- Virtual List
Introduction to Framework7 Svelte
It is highly recommended for you to be familiar with basics of both Framework7 and Svelte before getting started.
Framework7 Svelte combines power and simplicity of great Svelte framework with flexibility and UI of Framework7 mobile framework to build mobile apps in even more easy and quick way.
Framework7 Svelte helps to keep data and content in more structured way and use data-bindings and simplify layout difference for iOS and Material themes (or handle this difference more easily).
Framework7 Svelte plugin provides a set of almost all Framework7 elements and components with integration of Framework7 Router to render pages in the "Svelte-way".
This documentation provides reference for Framework7 Svelte components (their usage examples and properties). For their appearance and how do they work it is recommended to check Framework7 Core Documentation.