Graviton Dropdown

Dropdown Web Component Designed By James Madden, Loosely following the Material Spec.

<gvt-dropdown options='["Hello", "World", "Foo", "Bar", "Five", "Six"]'>Dropdown</gvt-dropdown>

Install

npm install @graviton/dropdown

Import the component into your app:

import '@graviton/dropdown';

To use your own build process on the component, import

import '@graviton/dropdown/src/gvt-dropdown.js';

Usage

To use Graviton Dropdown in html:

<gvt-dropdown></gvt-dropdown>

To give the dropdown options, provide a valid JSON string for the options attribute:

<gvt-dropdown options='["One", "Two", "Three"]'></gvt-dropdown>

If you're using a Framework that can send more advanced objects as properties, you can use that instead.

Compatibility

Graviton Dropdown's default bundle should be compatible with the latest 2 versions of evergreen browsers, as well as IE 11. To build with different browser requirements, or to build a modern es2015 bundle, use the unbundled import (import '@graviton/dropdown/src/gvt-dropdown.js') and your own build process.