mithril-selector
TypeScript icon, indicating that this package has built-in type declarations

0.0.9 • Public • Published

mithril-selector

Select component for Mithril.js with auto-completion. Inspired by selectize.js, which has more features but requires JQuery.

  • Suggest options as you type
  • Override CSS as you like
  • TypeScript support

Usage

const { Select } = require('mithril-selector')
 
const Content = {
  view: function (vnode) {
    return [
      m('div', `Current value: ${vnode.state.value}`),
      m('br'),
      m(Select, {
        value: vnode.state.value,
        placeholder: 'Select',
        options: [
          'Option One', 'Option Two', 'Option Three'
        ],
        onselect: (value) => vnode.state.value = value
      })
    ]
  }
}
<!-- CSS files are located in node_modules/mithril-selector/style/dist -->
<link rel="stylesheet" href="default.css">

See the example usage for a full working example.

Developing

git clone https://github.com/nicolaschan/mithril-selector.git
cd mithril-selector
yarn install --production=false
yarn build-example --watch
# Then open example/index.html in your browser 

Dependents (0)

Package Sidebar

Install

npm i mithril-selector

Weekly Downloads

0

Version

0.0.9

License

MIT

Unpacked Size

112 kB

Total Files

37

Last publish

Collaborators

  • nicolaschan