Meta tags:
description=A UI layer is a package of components that depend on @pidrang/core and their own styling library, never on a DataProvider. Pidrang ships two today —...;

Headings (most frequently used words):

ui, layers, the, guide, reference, maintainers, material, and, tailwind, same, api, what, generator, writes, choosing, third, layer,

Text of the page (most frequently used words):
material (22), pidrang (21), tailwind (17), and (14), the (13), angular (10), app (7), page (5), use (5), pages (5), cli (5), #layers (5), layer (4), reference (4), what (4), element (4), components (4), resource (4), third (3), library (3), see (3), for (3), generated (3), source (3), package (3), core (3), refine (2), with (2), data (2), providers (2), this (2), same (2), can (2), one (2), they (2), selectors (2), your (2), application (2), already (2), uses (2), always (2), installed (2), its (2), lines (2), src (2), are (2), layout (2), sign (2), form (2), table (2), css (2), classes (2), must (2), styling (2), demo (2), artifacts (2), releasing (2), design (2), notes (2), maintainers (2), getting (2), started (2), navigation (2), mit, licensed, inspired, not, affiliated, next, previous, pager, edit, github, planned, implements, contract, zorro, both, coexist, distinct, has, component, choosing, replaced, installs, using, still, needs, libs, lib, generate, bundle, pages_ui_layer_packages, crud, checks, declares, styles, otherwise, 101, apps, tooling, json, layoutuiof, follow, declared, three, facts, about, generates, init, generator, writes, switching, between, change, import, name, inputs, outputs, behaviour, resourceform, resourcetable, class, api, setup, each, line, pointing, template, scanned, only, have, utility, call, palette, typography, density, root, color, scheme, light, dark, mat, theme, via, add, configure, you, install, that, depend, their, own, never, ships, two, today, plans, dataprovider, overview, architecture, authentication, write, yourself, guide, sidebar, return, top, menu, demos, main, search, docs, skip, content,

Text of the page (random words):
ui layers pidrang skip to content pidrang docs search k main navigation getting started reference core components ui layers cli maintainers design notes releasing demo artifacts demos menu return to top sidebar navigation guide getting started write the pages yourself authentication architecture data providers ui layers overview angular material tailwind css reference core components cli maintainers design notes releasing demo artifacts on this page ui layers a ui layer is a package of components that depend on pidrang core and their own styling library never on a dataprovider pidrang ships two today material and tailwind and plans a third material and tailwind package styling what you install what the app must configure pidrang material angular material pidrang material angular material via ng add angular material a mat theme call with palette typography and density color scheme light dark in the root element pidrang tailwind tailwind utility classes pidrang tailwind only app must already have tailwind v4 a source line pointing at the installed library so its template classes are scanned and generated see angular material or tailwind css for the setup of each one the same api class material element tailwind element resourcetable t pidrang material resource table pidrang tailwind resource table resourceform t pidrang material resource form pidrang tailwind resource form switching between layers is a change of import and element name see components reference for inputs outputs and behaviour what the generator writes three facts about what pidrang init generates layout and sign in follow the app s declared ui layer layoutuiof checks package json if the app declares pidrang tailwind the layout and sign in page use tailwind styles otherwise they use material source apps pidrang cli src app tooling ts lines 93 101 generated crud pages are always angular material pages_ui_layer_packages always installs pidrang material and angular material and uses the material selectors an app using pidrang tailwind still needs material installed for its generated pages source libs cli src lib generate pages bundle ts lines 70 73 pages can be replaced see the cli reference choosing use material if your application already uses angular material use tailwind if your application has tailwind v4 and no component library both can coexist in one app they use distinct selectors pidrang material vs pidrang tailwind a third layer a third layer pidrang ng zorro is planned and implements the same contract edit this page on github pager previous page data providers next page angular material mit licensed inspired by refine not affiliated with angular or refine pidrang