Size

Density’s size attribute coordinates padding, gaps, and spacing across a whole interface.

Unlike most component libraries, where size is set per-component, components inherit size from their parent by default. This makes consistency and packability the norm rather than the exception. Elements align harmoniously even on very large screens.

Document toolbar
Document toolbar
Document toolbar
Document toolbar
Document toolbar
Document toolbar
Document toolbar
Document toolbar

You can also use Density’s size system in your own custom components with the advanced DOM API.