- Get Started
- React 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 React
It is highly recommended for you to be familiar with basics of both Framework7 and React.js before getting started.
Framework7 React combines power and simplicity of great React.js framework with flexibility and UI of Framework7 mobile framework to build mobile apps in even more easy and quick way.
Framework7 React 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 React plugin provides a set of almost all Framework7 elements and components with integration of Framework7 Router to render pages in the "React-way".
This documentation provides reference for Framework7 React components (their usage examples and properties). For their appearance and how do they work it is recommended to check Framework7 Core Documentation.