mithril-selector

Mithril select element with auto-complete as you type

Usage no npm install needed!

<script type="module">
  import mithrilSelector from 'https://cdn.skypack.dev/mithril-selector';
</script>

README

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