# Components

Import these from `@grafloria/angular`.

## On their own pages

- [Classes](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-classes): 5 classes.
- [Constants](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-constants): 1 constants.
- [Functions](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-functions): 30 functions.
- [Interfaces](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-interfaces): 18 interfaces.
- [Types](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-types): 6 types.
- [`DiagramCanvasComponent`](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-diagramcanvascomponent): DiagramCanvasComponent
- [`GrafloriaDashboardComponent`](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-grafloriadashboardcomponent): `<grafloria-dashboard>` — the dashboard kit, the Angular way.
- [`InteractionConfigPanelComponent`](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-interactionconfigpanelcomponent): InteractionConfigPanelComponent
- [`LinkToolbarComponent`](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-linktoolbarcomponent): Card B — a floating, PATH-ANCHORED action layer.
- [`NodeToolbarComponent`](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-nodetoolbarcomponent): NodeToolbar Component
- [`PropertyPanelComponent`](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-propertypanelcomponent): Property panel component for editing diagram node properties. Displays editable properties based on PropertySchema.
- [`RenderedLinkPath`](https://atloria.dev/p/grafloria-h7YM7amryF/developer/grafloria-angular-components-renderedlinkpath): Card B — the RENDERED route of a link.