Getting started · All component manuals
Every component manual contains Blazor example and Flutter example sections with real API calls. The galleries' Code examples screen displays these same maintained snippets, including Copy buttons; choose a component and a framework. The examples are compiled/analyzed by scripts/check_manual_examples.py.
Choose a task
| Task | Examples and full contract |
|---|---|
| Install and create an application | Getting started |
| Submit validated data | NgForm, NgDateRangePicker |
| Toggle settings and formatting | NgToggleButton, NgButtonGroup |
| Add workspace commands and navigation | NgMenu, NgDrawer |
| Build a multi-step workflow | NgWizard, NgStepper |
| Display and select business records | NgDataGrid, NgTreeList |
| Aggregate local data | NgPivotGrid, NgChart |
| Calculate and edit worksheet values | NgSpreadsheet, formula reference |
| Save structured documents | NgEditor, document model |
| Edit a process diagram | NgDiagram |
| Display an existing PDF | NgPdfViewer |
| Add geographic objects and respond to clicks | NgMap |
| Connect an application-owned AI handler | NgAIPrompt, NgPromptBox |
Complete working source
Snippets focus on one component. For a complete page with state, errors, themes and actions, use the matching gallery source:
| Workflow | Blazor | Flutter |
|---|---|---|
| Foundation | Home.razor | main.dart |
| Multi-step application | Steps.razor | steps_gallery.dart |
| AI request lifecycle | AI.razor | ai_gallery.dart |
| Map selection and updates | Map.razor | map_gallery.dart |
NextgenReportEngine is a separate library
NgPdfViewer displays an existing PDF; it does not generate reports. NextgenReportEngine owns report templates, data preparation, rendering and exports. Its Developer guide covers C#, HTTP, Blazor and Flutter integration. Keep report generation in that engine and pass the resulting hosted PDF URL to NgPdfViewer. The Components AI examples likewise do not invoke a report engine or a paid AI provider.
Validate your integration
Check an empty value, a valid submission, invalid input, callback-driven updates, asynchronous failure/retry, dark theme and a narrow viewport. Do not copy demo delays or local-only saves into a production service: replace them with your authenticated backend and appropriate idempotency/cancellation.
Code blocks in the local manual and both demo browsers use syntax colors for keywords, strings, comments, tags, types and numbers. Copy code copies the original source, including indentation and line breaks.