-
Get Started
-
React Components
- Accordion
- Badge
- Block Title
- Block / Content Block
- Button
- Card
- Chips / Tags
- Floating Action Button
-
Forms
- Icon
- Grid / Layout Grid
-
Lists
- Link
- Messages
- Message Bar
-
Modals
-
Navigation Bars
- Pages
- Page
- Panel
- Photo Browser
- Preloader / Spinner
- Progress Bar
- Search Bar
- Status Bar
- Swiper
- Tabs
- Template7 Template
- Timeline
- Views
- View
Template7 Template React Component
Sometimes you may need to use Template7 templates, like in Virtual List component. For this case there is a special React component.
Usage example
<Template7Template>
<Card title="Title" content={'Hello, {{name}}'} footer="Footer"></Card>
</Template7Template>
Renders to:
<script type="text/template7">
<div class="card">
<div class="card-header">Title</div>
<div class="card-content">
<div class="card-content-inner">Hello, {{name}}</div>
</div>
<div class="card-footer">Footer</div>
</div>
</script>