Batoi UIF API Reference

Batoi UIF API Reference

This page summarizes the browser-facing usage patterns currently used by Batoi.com examples.

The public source repository is available at github.com/batoisystems/batoi-uif.

Distribution Files

/assets/batoi-uif-main/dist/uif.css
/assets/batoi-uif-main/dist/uif.esm.js
/assets/batoi-uif-main/dist/index.global.js

ES Module Import

import {
  mountIcons,
  icon,
  icons,
  initChart
} from '/assets/batoi-uif-main/dist/uif.esm.js';

Icons

mountIcons();

Use icons when button labels, status indicators, or compact action controls need a familiar visual signal.

Charts

The curated examples use SVG-first chart rendering for browser-only data visualization.

The library distribution exposes chart helpers, and examples may also use route-scoped SVG rendering when a custom demo needs tight control.

Integration Guidance

• Import UIF only on routes that need it.
• Do not load UIF globally into unrelated public pages.
• Keep application behavior under a bounded root element.
• Use backend proxies for production AI provider calls.
• Keep API keys out of persisted browser storage.