Introduction
Partials are reusable fragments of Nova components that designers can insert into slots or compose within templates. They encapsulate frequently-used UI elements or functionality.
Benefits
- Increases consistency and maintainability across designs.
- Accelerates the design process by reusing predefined elements.
- Facilitates easy updates and broad design changes through partial modification.
Naming convention
-
<partial component>
Partial component -
<component-A | item>
This partial component should be used only within the “component-A.
Components and Templates Using Partials
Partials are widely implemented across Nova to ensure composability and modularity. Notable examples include:
- Datagrid: Uses scoped partials for rendering rows, columns, headers, and cells.
- Navigation Templates: Incorporate partials for menu items, submenus, and headers.
- Field Dropdown: Utilizes partials for selectable options and search behavior.
- Field Multiselect: Includes partials for option chips, selected tags, and list entries.
- Menu: Composed of partials for menu items, separators, and icons.
These partials empower designers to construct highly customized interfaces while maintaining system coherence.