Skip to content
ModeratorIMModeratorIM

Getting Started

moderatorim.ui is the component library an app uses to render its interface — generic, reusable building blocks that keep an app’s UI consistent with the platform. An app imports components directly:

from moderatorim.ui import Card, Button, Header

Every component is a Component subclass with a render() method, so components compose:

Header("Members", actions=[Button("Invite", icon="add")])

What’s here

Section titled “What’s here”
  • Components — Alert, Avatar, Button, Card, Field, Grid, Header, Icon, Input, Nav, Pills, Row, Select, Stepper, Switch, Textarea, and the Component base.
  • Helpers — HTML-safety and rendering utilities (esc, tag, attrs, Raw, render_column, column_validators) and the asset entry points (ui_asset_dir, ui_asset_tags).

See Reference for the full per-component API — one page per type, generated from the code.