Design system  /  Screens  /  Components

Components.

Which building blocks every screen is made of. The apps use the Cn components of nextcloud-vue, the websites use the site widgets of portaliq. Open a component to see its source and every screen that uses it.

Components  nextcloud-vue  portaliq site widgets  Screens with components  Screens with app data  Measured components  Mapped on  What the screens deliverCapabilities
How this mapping is made, and how to correct it

A script reads every drawn screen and recognises the canon patterns in it. A table with toolbar and pagination becomes CnDataTable with CnActionsBar. Folder tabs under a header become CnDetailPage. KPI tiles become CnDashTileWidget on CnDashboardGrid. Citizen and school pages map to the portaliq site widgets.

Some things a pattern rule cannot see. Those are set per screen in an override file. Wrong or missing a component on a screen? Correct it there and run the script again.

Loading components.

Components · mapped by scripts/screens/components.py, corrections in screens-src/components-overrides.json Screens · ← Back to system