-
Get Started
-
Vue 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 Vue Component
Sometimes you may need to use Template7 templates, like in Virtual List component. For this case there is a special Vue component.
Usage example
<t7-template>
<f7-card title="Title" :content="'Hello, {{name}}'" footer="Footer"></f7-card>
</t7-template>
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>