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
  • Infinite Scroll
  • Data - sort, search, filter
  • 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

• mithril-modal from Human Design

• Modal dialog component

• Bootstrap Modal

Select

• Select

Infinite Scroll

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

• Infinite Scroll

Data

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

Twitter

• Post to Twitter [ javascript ] [ coffeescript ]