tabweb

tabweb provides Tabler-inspired UI concepts for Kotlin/JS Kobweb applications.

The library contributes Tabler CSS, Tabler Icons CSS, Tabler JavaScript, and ApexCharts through Kobweb library metadata. Applications can use the components without copying those assets into each site.

Public UI APIs are organized by Tabler concept, for example navbar, card, table, and avatar. Application integration belongs to _app; shared DOM, semantic, and CSS infrastructure belongs to _foundation.

For tables, use TabwebTable(data: TabwebTableData) for structured data, or TabwebTable { header { } row { cell { } } } when cells require arbitrary composable content.

Packages

Link copied to clipboard
js

The root package intentionally exposes only Tabweb, the library entry point for Kobweb integration. Import concrete UI APIs from their owning concept package.

Link copied to clipboard
js

Public application-integration support for Kobweb applications using Tabler. It owns application state, settings, theme selection, site configuration, and the shared page shell.

js

Shared, non-widget infrastructure for the library. This package defines cross-concept semantic contracts such as TabwebComponent, TabwebStyle, TabwebBehavior, and TabwebSize, plus narrowly scoped shared value types.

Internal Compose/Kobweb DOM adapter layer. It provides KDiv, KSpan, KAnchor, and related helpers which accept Kobweb TabwebModifier values directly.

js

Shared CSS-class and modifier infrastructure used across Tabler concept renderers. These are implementation primitives, not a general consumer-facing class catalogue.

Link copied to clipboard
js

Tabler avatar renderers and their structured data models, including avatar content, size, shape, color, status, and avatar lists.

Link copied to clipboard
js

Tabler badge components, variants, sizes, and typed badge content used by other concept packages.

Link copied to clipboard
js

Tabler breadcrumb rendering and the data model for a route's breadcrumb trail.

Link copied to clipboard
js

Typed Tabler buttons, their page-level DSL, and inline button lists.

Link copied to clipboard
js

Tabler card layouts, card collections, and compact statistic cards.

Link copied to clipboard
js

Small chart wrappers that integrate browser-side JavaScript chart libraries with Kobweb pages while retaining a Kotlin-first API.

Link copied to clipboard
js

Small tabler elements that serve as building blocks or decorators.

Link copied to clipboard
js

Typed Tabler icon components and generated icon-name constants.

Link copied to clipboard
js

Small Tabler-oriented link composables.

Link copied to clipboard
js

Responsive Tabler navbar, brand, navigation data, typed icon and badge slots, and nested dropdown rendering.

Link copied to clipboard
js

Tabler tables, table cards, structured cell models, composable table DSLs, and client-side pagination support.

Link copied to clipboard
js