Nectar Documentation

⌘Ctrlk

Nectar Documentation

Introduction
- Components
  Accordion
  Action Sheet
  Audio
  Autocomplete
  Badge
  Breadcrumb
  Button
  Card
  Chart
  Checkbox
  Chip
  Color Picker
  Content Block
  Data Table
  Date-Time Picker
  Dialog
  Dropcap
  Elevation
  Embed
  Empty State
  Expandable Card
  Flip Card
  Floating Action Button
  Form Input
  Form Validator
  Gauge
  Grid
  Icon
  Image
  Image Compare
  Image Hotspot
  Infinite Scroll
  Keypad
  Line Divider
  List Index
  List View
  Marquee
  Menu
  Menu List
  Navbar
  Note
  Notification
  Pagination
  Photo Browser
  Picker
  Popover
  Popup
  Preloader
  Progress Bar
  Pull-to-Refresh
  Quote
  Radio
  Range Slider
  Rating
  Ribbon
  Searchbar
  Sheet Modal
  Show More/Less
  Side Panel
  Signature Pad
  Skeleton
  Smart Select
  Sortable List
  Stepper
  Subnavbar
  Swipeout
  Swiper Slider
  Syntax Highlighter
  Tab
  Text Editor
  Timeline
  Timer
  Toast
  Toggle
  Toolbar
  Tooltip
  Tour Guide
  Tree View
  Video
  Virtual List
- Screens
- Progressive Web App
- Cordova App
- How to Create and Animate an SVG Image Using JavaScript

Powered by GitBook

For the complete documentation index, see llms.txt. This page is also available as Markdown.

UI & UX
Components

Expandable Card

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

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

Usage

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

Docs

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

PreviousEmpty State NextFlip Card

Last updated 3 years ago

Overview
Demo
Usage
Docs