Components

LINKS to Mithril component examples
Some of these code samples were developed with the old module pattern (pre 0.2.0). It shouldn't be difficult to convert them to the current component architecture
If you can't find it here, try the Recipes-and-Snippets page.

---

• Collections
• Examples
  • Modals
  • Select
  • Radio Buttons
  • Infinite Scroll
  • Data - sort, search, filter
  • Search Box - in-page & site
  • Twitter

Collections

• mithril-elements by Phil Toms, a Starter kit for building apps with Mithril custom element types with demo, uses an older version of Mithril, includes Accordion, Jumbotron, Tabset/Tabs, Modal, Use of Occlusion Scroller

• mithril-components - a library of components, mixins and patterns.

• mithril-bootstrap - a lot of work has been done porting bootstrap to Mithril but the project is still in development.

• Polythene - Polymer inspired modular implementation of Material Design

Examples

• sm-table -- semantic-ui data table widget with optional pagination

• simple select component - a simple component that wraps around

• Nested Components - DEPRECATED. USE MODERN COMPONENTS

• Animated Page Flip - with velocity.js

• Video chooser/player + example of paging a long list

• Tooltips

• Autocomplete

Modals

• Basic modal/popup/dialog

• mithril-modal from Human Design

• Modal dialog component

• Bootstrap Modal

Select

• Select

Radio

• Radio Buttons example

Infinite Scroll

• Scroll Occlusion plugin

• A scroll-occluded bootstrap media-list example - see the DEMO

• Infinite Scroll

Data

• Treebeard - A hierarchical data renderer - sort, search, filter data

Search

• Search page text - highlights found text as you type

• Search Github for repository - with auto-complete

• Search using (Reactive) RxJS Observables - Fast search box with autocomplete

Twitter

• Post to Twitter [ javascript ] [ coffeescript ]