@levinelito/bootstrap-option-menu
v0.1.3
Published
Create interactable lists to select options. Press the plus (+) button in the options on the left to select it, and press the minus (-) button in the options on the right to deselect it. 
Maintainers
levinelitoReadme
Bootstrap Option List
Create interactable lists to select options.
Press the plus (+) button in the options on the left to select it, and press the minus (-) button
in the options on the right to deselect it.
Usage
- Make sure to include Bootstrap's CSS and Font Awesome to make sure it works properly
...
<head>
...
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
...
</head>
<body>
...
<!-- Font Awesome Kit -->
<script src="https://kit.fontawesome.com/Your-Kit-Name.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@levinelito/bootstrap-option-menu"></script>
...
</body>
...Using input to contain the data
const OptionMenu = new OptionMenu.List({
target: 'input',
data: {added: ['Option A', 'Option B', 'Option C'], available: ['Option D', 'Option E', 'Option F', 'Option G']},
});