> For the complete documentation index, see [llms.txt](https://pmsgz.gitbook.io/nectar/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pmsgz.gitbook.io/nectar/ui-ux/components/show-more-less.md).

# Show More/Less

## 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 <mark style="background-color:purple;">Vanilla JS</mark> Component.

## Demo

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

## Usage

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

## Docs

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