Nectar Documentation

Introduction
Getting Started
Basics
UI & UX
- Components
- Screens
  - Splash Screen
Advanced
Publishing
- Progressive Web App
- Cordova App
Help
Tutorials
- How to Create and Animate an SVG Image Using JavaScript

Powered by GitBook

On this page

Overview
Demo
Usage
Docs

UI & UX

Components

Expandable Card

PreviousEmpty State NextFlip Card

Last updated 2 years ago

Overview

Expandable Cards are similar to iOS App Store cards which expand on click to fullscreen size on mobile and a large overlay on tablet and desktop.

This is a Framework7 Component.

Demo

Usage

You can refer to the code present in /partials/components/expandable-card.html file and use it accordingly.

Docs

https://nectar.website/demo/components/expandable-card/

https://framework7.io/docs/cards#expandable-cards