ilusm.dev

ui

UI components, reactive state, components framework.

Load with: use ui

Quick example

use ui

result = uimk("hello", "value", "hello")
prn(result)

Functions

Component base

uimk(tag, props, kids)

Creates a new instance. Takes tag, props, kids.

State management

uistm(init)

Performs the operation. Takes init.

uistg(s)

Performs the operation. Takes s.

uists(s, v)

Performs the operation. Takes s, v.

uists1(s, cb)

Performs the operation. Takes s, cb.

Rendering

uiren(c, ctr)

Encodes. Takes c, ctr.

uicrt(c)

Performs the operation. Takes c.

Updating

uiupd(c, props)

Performs the operation. Takes c, props.

Conditional rendering

uicon(cond, then, els)

Performs the operation. Takes cond, then, els.

uimap(list_data, cb)

Performs the operation. Takes list_data, cb.

Input binding

uibin(el, st)

Initialises. Takes el, st.

uibin1(el, st)

Performs the operation. Takes el, st.

List virtual scrolling

uivls(ctr, items, ih, cb)

Lists items. Takes ctr, items, ih, cb.

uivre(vl)

Performs the operation. Takes vl.

Modal/Dialog

uimod(ct, cb)

Performs the operation. Takes ct, cb.

Toast/Notifications

uitoa(msg, ty, ms)

Performs the operation. Takes msg, ty, ms.

Tab navigation

uimkt(defs, content_area)

Performs the operation. Takes defs, content_area.

Router (SPA)

uirtr(routes)

Performs the operation. Takes routes.

uirtr1(rtr, p)

Performs the operation. Takes rtr, p.

uirtr2(rtr, p)

Performs the operation. Takes rtr, p.

uipmc(act, pat)

Performs the operation. Takes act, pat.

Form validation

uival(rules)

Performs the operation. Takes rules.

uival1(v, d)

Performs the operation. Takes v, d.

Dropdown/Select

uimks(opts, st, ph)

Performs the operation. Takes opts, st, ph.

Slider

uimks1(mn, mx, step, st)

Performs the operation. Takes mn, mx, step, st.

Accordion

uimka(items, multi)

Performs the operation. Takes items, multi.

Tooltip

uitip(el, ct, pos)

Performs the operation. Takes el, ct, pos.

Popover

uipop(el, ct, onop, oncls)

Opens a connection or resource. Takes el, ct, onop, oncls.

Progress/Loading

uipro(v, mx, sz)

Performs the operation. Takes v, mx, sz.

uispi(sz)

Performs the operation. Takes sz.

uiske(w, h)

Performs the operation. Takes w, h.

Charts (SVG-based)

uicha(ty, d, opts)

Performs the operation. Takes ty, d, opts.

uibar(svg, d, opts)

Performs the operation. Takes svg, d, opts.

uilin(svg, d, opts)

Initialises. Takes svg, d, opts.

uipie(svg, d, opts)

Performs the operation. Takes svg, d, opts.

Calendar/Date picker

uical(day_hd, cb)

Performs the operation. Takes day_hd, cb.

Time picker

uitim(st)

Performs the operation. Takes st.

Color picker

uicol(st)

Performs the operation. Takes st.

Rating/Stars

uirat(mx, st)

Performs the operation. Takes mx, st.

Tags/Chip input

uitag(st, ph)

Performs the operation. Takes st, ph.

Tree view

uitre(nodes, cb)

Performs the operation. Takes nodes, cb.

File upload

uifil(acc, multi, cb)

Performs the operation. Takes acc, multi, cb.

Data table

uitab(cols, d, opts)

Performs the operation. Takes cols, d, opts.

Breadcrumbs

uicru(items, sep)

Runs. Takes items, sep.

Steps/Wizard

uiste(steps, cur)

Performs the operation. Takes steps, cur.

Empty state

uiemp(ic, title, desc, act)

Performs the operation. Takes ic, title, desc, act.

Notes

  • UI component library - buttons, inputs, modals, layouts.