2.0.9 • Published 3 years ago
mithui v2.0.9
mithui
A ui library for mithril.
Screenshot
Available Components
Dropdown
m(mui.dropdown, [
m('div', 'Item 1'),
m('div', 'Item 2'),
m('div', 'Item 3'),
])
Forms
Text Input
m(mui.textInput, {
name: 'firstName',
label: 'First Name',
errors: errors.firstName,
autoFocus: true,
initialValue: 'Joe'
})
Multiline Input
m(mui.multilineInput, {
name: 'bio',
label: 'Profile Bio',
errors: errors.lastName,
initialValue: 'Some cool information about me'
})
Select
m(mui.select, {
name: 'location',
label: 'Location',
errors: errors.location,
options: [
{
value: 'au',
label: 'Australia'
},
{
value: 'uk',
label: 'United Kingdom'
}
],
initialValue: 'uk'
})
Checkbox
m(mui.checkbox, {
name: 'active',
label: 'Active',
errors: errors.active,
initialValue: true
})
File Picker
m(mui.filePicker, {
name: 'pictures',
label: 'Profile Pictures',
errors: errors.picture,
prefix: '/data/avatars/',
multiple: true,
initialValue: [{
name: 'bbb.txt',
id: 12
}]
})
Example Usage
const m = require('mithril');
const mui = require('mithui');
m(
'div',
{ class: 'someForm' },
m(mui.form,
m(mui.textInput, {
name: 'firstName',
label: 'First Name',
autoFocus: true,
initialValue: 'Joe'
}),
m(mui.textInput, {
name: 'lastName',
label: 'Last Name',
initialValue: 'Bloggs'
})
)
)
2.0.9
3 years ago
2.0.7
3 years ago
2.0.8
3 years ago
2.0.6
3 years ago
2.0.5
3 years ago
2.0.3
3 years ago
2.0.4
3 years ago
2.0.2
3 years ago
2.0.1
3 years ago
2.0.0
3 years ago
1.1.10
3 years ago
1.1.9
4 years ago
1.1.8
4 years ago
1.1.7
4 years ago
1.1.6
4 years ago
1.1.5
4 years ago
1.1.4
4 years ago
1.1.3
4 years ago
1.1.2
4 years ago
1.1.1
4 years ago
1.1.0
4 years ago
1.0.2
4 years ago
1.0.3
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago