arkui

arkui

The ui every app here shares, by component: iced components, the vim keyboard, theming, the glyph table, a picture cache and the address bar — and nothing of any app.

Each page says how to use a component on the desktop, where every picture is the arkui component itself, drawn by the renderer the apps use, and on a phone, Android or iOS, with the latest capture from a real emulator and simulator in a frame of that device.

This is the one place the components are described. An agent working on an app reads the page for the part it needs; one that changes a component changes its entry in docs/site/src/components.rs (and the module's in catalogue.rs, its pictures in examples.rs) in the same commit, and the tests fail until it does. Other sites pull catalogue.json, published beside this page.

25 components over 33 arkui modules, and 14 captures from the phones. j and k walk the pages.

Components

ComponentSectionDesktopAndroidiOS
ThemeFoundationsarkui::themeyesyes
StyleFoundationsarkui::style——
IconsFoundationsarkui::glyphs, arkui::iconyes—
TextFoundationsarkui::fit, arkui::line, arkui::format, arkui::clipboard——
ArtFoundationsarkui::art, arkui::imagesyesyes
NavigationComponentsarkui::sidebaryes—
ListsComponentsarkui::table, arkui::outlineyes—
Reorderable listComponentsarkui::reorderyesyes
CardsComponentsarkui::cardsyes—
HeadersComponentsarkui::heroyes—
Empty statesComponents—yes—
Account and sign-inComponentsarkui::accountyes—
SliderComponents—yes—
MenuOverlaysarkui::menu, arkui::context, arkui::panelyes—
Command boxOverlaysarkui::command——
PickerOverlaysarkui::picker——
DialogOverlaysarkui::dialog, arkui::sheet, arkui::layer——
Expanding cardMotion—yesyes
GlassMotion—yesyes
Page motionMotionarkui::swipe, arkui::historyyes—
SpringsMotionarkui::motionyesyes
ScrollMotionarkui::scrollyesyes
KeysBehaviourarkui::vim——
RoutesBehaviourarkui::route, arkui::urlyes—
WakingBehaviourarkui::wakeyes—