NaturalUi

authScreen : CustomNode Never Never msg

AuthScreen element

sidebar : CustomNode Never Never msg

Sidebar element

avatar : CustomNode Never (Data msg) msg

Avatar element

layout : CustomNode Never Never msg

Layout element

status : CustomNode Never Never msg

Status element

urlBar : CustomNode Never String msg

Url bar element

button : CustomNode Never Never msg

Button element

header : CustomNode Never Never msg

Header element

footer : CustomNode Never Never msg

Footer element

card : CustomNode Never Never msg

Card element

pageHeader : CustomNode Never Never msg

Page header element

input : CustomNode Int String msg

Input element

checkbox : CustomNode Never (List String) msg

Checkbox element

searchBar : CustomNode Never String msg

SearchBar element

form : CustomNode Never Never msg

Form element

modal : CustomNode Never Never msg

Modal element

loader : CustomNode Never Never msg

Loader element

select : CustomNode Never (Maybe String) msg

Select element

link : CustomNode Never Never msg

Link element

formPack : CustomNode Never Never msg

FormPack element

switch : CustomNode Never Bool msg

SearchBar element

notification : CustomNode Never Never msg

Notification element

chipElement : CustomNode Never Never msg

Chip element

customLink : CustomNode Never Never msg

Counter element

tile : CustomNode Never Never msg

Tile element

dropdown : CustomNode Never Data msg

Dropdown element

counter : CustomNode State Int msg

Counter element

type alias CounterData =

Data

Counter data

type alias CounterState =

State

Counter state

initCounter : CounterState

Init counter state

datePicker : CustomNode State Data msg

DatePicker element

type alias DatePickerData =

Data

DatePicker data

type alias DatePickerState =

State

DatePicker state

initDatePicker : DatePickerState

Init DatePicker state

slider : CustomNode State Data msg

Slider element

type alias SliderData =

Data

Slider data

type alias SliderState =

State

Slider state

initSlider : SliderState

Init Slider state

steps : CustomNode Never Data msg

Card element

type alias StepsData =

Data

StepsData

toggle : CustomNode Never String msg

Toggle element

type alias ToggleData =

Data

ToggleData

dropdown : CustomNode Never Data msg

Dropdown element

type alias DropdownData =

Data

DropdownData

tabs : CustomNode State (Data msg) msg

Tabs element

type alias TabsData msg =

Data msg

Tabs data

type alias TabsState =

State

Tabs state

initTabs : TabsState

Init Tabs state

table : CustomNode State (Data record msg) msg

Smart table

type alias TableData record msg =

Data record msg

Table data

type alias TableState =

State

Table state

initTable : TableState

Init Table state

tableSearch : TableState -> Maybe String

Extract search from table state

setTableSearch : String -> TableState -> TableState

Set table search state

listEditor : CustomNode State Data msg

ListEditor element

type alias ListEditorData =

Data

ListEditor data

type alias ListEditorState =

State

ListEditor state

initListEditor : ListEditorState

Init ListEditor state

title : String -> Setting state data msg

Title attribute

oversized : Setting state data msg

Oversized

body : String -> Setting state data msg

Content body attribute

popup : List (Html msg) -> Setting state data msg

Popup attribute - specify children that go into a popup belonging to the element.

controls : List (Html msg) -> Setting state data msg

Makes list editing components append new items in the reverse order

help : String -> Setting state data msg

Help text

state : state -> Setting state data msg

Internal UI widget state, see http://package.elm-lang.org/packages/evancz/elm-sortable-table/1.0.1/Table#view

data : data -> Setting state data msg

View data 'owned' by the outside application. Of course, all state is owned by the outside app, but contrary to state, this holds core application data that may reach servers later.

toMsg : (data -> msg) -> Setting state data msg

A'la elm-sortable-table, this is how components communicate to the outside application. The slight modification is that components always pass back both their new internal state and the new data through this method.

toClipboard : (String -> msg) -> Setting state data msg

Message handler for copying the contents of an input field to clipboard

toStatefulMsg : (state -> data -> msg) -> Setting state data msg

A'la elm-sortable-table, this is how components communicate to the outside application. The slight modification is that components always pass back both their new internal state and the new data through this method.

toStatefulMsgWithFocus : (Maybe String -> state -> data -> msg) -> Setting state data msg

A'la elm-sortable-table, this is how components communicate to the outside application. The slight modification is that components always pass back both their new internal state and the new data through this method.

toAsyncStatefulMsg : ((state -> data -> ( state, data )) -> msg) -> Setting state data msg

A'la elm-sortable-table, this is how components communicate to the outside application. The slight modification is that components always pass back both their new internal state and the new data through this method.

success : Setting state data msg

Success theme

warning : Setting state data msg

Warning theme

onDarkBackground : Setting state data msg

Set theme to work on dark background

error : Setting state data msg

Error theme

enabled : Bool -> Setting state data msg

Enabled state

placeholder : String -> Setting state data msg

Placeholder

icon : Html msg -> Setting state data msg

SVG icon

id : String -> Setting state data msg

Id

label : String -> Setting state data msg

Labels, used for forms and sections

newUrl : (String -> msg) -> Setting state data msg

Client-side navigation message, taking a path string as a parameter

modifyUrl : (String -> msg) -> Setting state data msg

Client-side navigation message without persistance in history, taking a path string as a parameter

onClick : msg -> Setting state data msg

Click handler

onClose : msg -> Setting state data msg

Close handler

onSuggestion : (String -> msg) -> Setting state data msg

Handler for when the user accepts a suggestion

suggestions : List String -> Setting state data msg

Suggestions for words that autocomplete should recognize

url : String -> Setting state data msg

Url for links and help sections

discrete : Setting state data msg

Discrete theme

options : List String -> Setting state data msg

List of options, e.g. for select

optionIcon : (String -> Html msg) -> Setting state data msg

An optional icon for choices

loading : Bool -> Setting state data msg

Specifies whether the UI element is in a loading state

css : List Style -> Setting state data msg

elm-css styles

type_ : String -> Setting state data msg

HTML type attribute for buttons and input fields.

required : Setting state data msg

Required

onFocus : msg -> Setting state data msg

Focus handler

onBlur : msg -> Setting state data msg

Blur handler

onSubmit : msg -> Setting state data msg

Submit handler

onListEditorWordClick : (Int -> Int -> msg) -> Setting state data msg

Click handler on a word in a list editor

searchable : Bool -> Setting state data msg

Set searchability, toggling the search bar displays in e.g. tables

appendReverse : Setting state data msg

Makes list editing components append new items in the reverse order

keepAtLeastOne : Setting state data msg

Keep at least one item when editing

currentPath : String -> Setting state data msg

The current path

links :

List

{ path : String

, label : String

, icon : Maybe (Html msg)

}

-> Setting state data msg

Links

plus : Html msg

Plus icon

plusInCircle : Html msg

PlusInCircle icon

barbell : Html msg

Barbell icon

webhook : Html msg

Webhooks icon

checkmarkInCircle : Html msg

Checkmark icon

variable : Html msg

Variable icon

slot : Html msg

Slot icon

duplicate : Html msg

Duplicate icon

trash : Html msg

Trash icon

target : Html msg

Target icon

channels : Html msg

Channels icon

pen : Html msg

Pen icon

gear : Html msg

Gear icon

tree : Html msg

Tree icon

chip : Html msg

Chip icon

bot : Html msg

Tree icon

chevronLeft : Html msg

ChevronLeft icon

chevronRight : Html msg

ChevronRight icon

chevronUp : Html msg

ChevronUp icon

chevronDown : Html msg

ChevronDown icon

search : Html msg

Search icon

close : Html msg

Close icon

pen : Html msg

Pen icon

questionInCircle : Html msg

QuestionInCircle icon

chart : Html msg

Chart icon

logout : Html msg

Logout icon

person : Html msg

Person icon

hammer : Html msg

Hammer icon

slack : Html msg

Slack icon

skype : Html msg

Skype icon

facebookMessenger : Html msg

Facebook messenger icon

amazonEcho : Html msg

Facebook messenger icon

globalStyles : Html msg

Global setup styles

peterszerzo/elm-natural-ui/15.2.2

Simple nodes

Counter

DatePicker

Slider

Steps

Toggle

Tabs

Table

ListEditor

Attributes

Icons

Styles

Modules