Wraptastic.js

Wraptastic.js is a simple JavaScript package that effortlessly helps you manage list wrapping and overflows.

Features

• Limits list wrapping to 1, 2, 3 or any other amount of lines.
• Provides an optional counter for the amount of items that extend beyond the designated lines.
• Automatically adjusts the visibility of your list items as you resize your browser window or container.

Quickstart

Installation

# npm
npm install wraptastic
# pnpm
pnpm add wraptastic
# yarn
yarn add wraptastic

All installation options

Usage

<div class="wraptastic">
  <div class="wraptastic-item">Item 1</div>
  <div class="wraptastic-item">Item 2</div>
  <div class="wraptastic-item">Item 3</div>
  <!--- etc -->
</div>

<script>
import Wraptastic from "wraptastic";

const wraptastic = new Wraptastic({
  // Configuration options
});
</script>

All configuration options

Documentation

Check out our online documentation to see what Wraptastic.js can do for you!

License

MIT