seed-dropdown
Dropdown component pack for Seed!
JS is powered by Bootstrap.js
Install
npm install seed-dropdown --save
Documentation
Check out our documentation of this pack.
Basic Usage
SCSS
This seed pack needs to be imported into your sass pipeline. Below is an example using Gulp:
var gulp = ;var sass = ;var pack = ; gulp;
Once that is setup, simply @import
seed-dropdown as needed in your .scss
file:
// Packs ;
CSS
The fully compiled CSS files can be found in the dist directory of this repo.
There are 2 different types of compiled .css
files:
seed-dropdown.css
This includes all the CSS required to get the dropdown and all of it's parts working, which includes styles for other components (such as buttons).
seed-dropdown.only.css
This includes only the CSS required to style the dropdown.
Options
The following variables can be found in _config.scss
// Dropdown :: Config // Namespaces ;;;;// Namespaces: States ;; // Namespaces of other seed packs ;;; // Config: Toggle ;;;;;// Config: Menu ;;;;;// Config: Menu divier ;;// Config: Menu item ;;;;;// Config: Header ;;;;;; // Config: Caret directions ; // Config: Drop directions ;