Elm Tree UI

A comprehensive UI library built on Elm for Elm Applications

Planned Components

The components are split into three main sections

• Core (uses top level "Component" namespace)
• Form
• Data Visualization

Core

#####Browse.Grid (Table)

Attributes

• Populate and update based on model data (can be remote datasource that returns JSON)
• Update based on form input
• Display action icons which then link to defined actions

#####Accordion

• Populate and update header and content based on JSON model data

#####AccordionGrid

#####Dialog

• Modal dialog with dynamic Title, Buttons and Content (view)
• Note: Panes can be embedded in this component

#####ProgressBar

• Wraps MaterializeCSS Linear Determinate Preloader (MaterializeCSS example: http://materializecss.com/preloader.html)

#####ProcessSpinner

• Wraps MaterializeCSS Linear Circular (MaterializeCSS example: http://materializecss.com/preloader.html)

Form

#####Panel

• Allow for dynamic fields
• Validate fields as focus is shifted
• Contain buttons each with an action to be fired (e.g. Save, Clear)

#####Checkbox

#####Field

#####TextArea

#####TypeAhead

#####DateField

#####DateTimeField

#####ListField

#####Switch

#####Slider

#####Button

#####Buttonset

Data Visualization

#####PieChart

#####LineGraph

#####BarChart