https://github.com/ashhitch/expaaand

Expand Anything
https://github.com/ashhitch/expaaand

javascript typescript

Last synced: about 2 months ago
JSON representation

Expand Anything

• Host: GitHub
• URL: https://github.com/ashhitch/expaaand
• Owner: ashhitch
• License: mit
• Created: 2019-01-20T15:30:33.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T18:42:02.000Z (about 2 years ago)
• Last Synced: 2024-09-18T09:46:41.344Z (3 months ago)
• Topics: javascript, typescript
• Language: TypeScript
• Size: 779 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![CircleCI](https://circleci.com/gh/ashhitch/expaaand.svg?style=svg)](https://circleci.com/gh/ashhitch/expaaand)

# expaaand

Expand Anything, a simple JavaScript Library that will will allow you to add an active class (defaults is-active) to a target element on click.

## Features Include:

- Simple API

- Data attribute overrides

- Grouping of elements (e.g for accordions)

- Optional toggling

- Optional additional close button

- Responsive toggling

- Event system

## Some use cases

- Menus

- Accordions

- Popups

- Modals

## Docs

First import the module

`import { Expaaand } from 'expaaand';`

Initialise Expaaand

```js

const myButtonElm = document.querySelector('.js-my-button');

new Expaaand(myButtonElm);

```

Add markup to button

```html

Toggle



  Target elm



```


More docs coming soon...

## Examples

See [example.html](example.html) for more examples (note the example is using R for module loading)

## TODO

- Write tests

- Update docs

- import examples

- Demo site