version 0.1.0 (Compatible with OutSystems 11)

Uploaded

on 9 Sep (yesterday)

0.0

(0 ratings)

Details

The ODC Portal's design language. Every app that consumes it inherits the same look, in light and dark, from a single versioned source.

EARLY ALPHA — APIs, tokens and block names may change between releases. Pin a version and expect breaking changes.

Neo Design System brings the ODC Portal's design language to your own apps. Install it, set the theme, drop in the shell — the look is done.

612 design tokens (colour, typography, spacing, sizing, elevation, motion) plus 277 dark-mode overrides, so light and dark are both correct out of the box.

Includes the NeoBase theme on a 12-column grid and 19 blocks covering the app shell, sidebar navigation, avatars, badges, icons, search, pagination, dropdowns and skeleton loaders.

Theme switching is built in — SetTheme, GetTheme, ToggleTheme, UseSystemTheme — and AppShell raises OnThemeChange.

Getting started: add NeoDesignSystem and TrueShade, set NeoBase as your theme, place AppShell and fill its Header, Aside and Content placeholders. Reference tokens from your own CSS with var(--token).

Limitations