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

Show More/Less

PreviousSheet Modal NextSide Panel

Last updated 2 years ago

Overview

Show More/Less can be used to reveal or hide contextual content. It saves space while preserving visual balance and maintaining information hierarchy.

This is a Vanilla JS Component.

Demo

Usage

You can refer to the code present in /partials/components/show-more-less.html file and use it accordingly.

Docs

https://nectar.website/demo/components/show-more-less/

https://github.com/tomik23/show-more