Skip to content
πŸ“‡ Mithril select component with auto-complete as you type
TypeScript CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
components
example
style
.gitignore
.npmignore
LICENSE
README.md
index.ts
package.json
tsconfig.json
yarn.lock

README.md

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
You can’t perform that action at this time.