Skip to content

nicolaschan/mithril-selector

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

📇 Mithril select component with auto-complete as you type

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published