@toolbox-web/grid 0.0.5 → 0.0.7

package/README.md

@@ -1,5 +1,8 @@
 # @toolbox-web/grid
 
+[![npm](https://img.shields.io/npm/v/@toolbox-web/grid)](https://www.npmjs.com/package/@toolbox-web/grid)
+[![GitHub Sponsors](https://img.shields.io/badge/Sponsor-❤-ea4aaa?logo=github)](https://github.com/sponsors/OysteinAmundsen)
+
 A high-performance, framework-agnostic data grid built with pure TypeScript and native Web Components. Zero runtime dependencies.
 
 ## Installation
@@ -224,9 +227,33 @@ interface GridConfig {
   fitMode?: 'stretch' | 'fixed';
   editOn?: 'click' | 'dblclick';
   plugins?: BaseGridPlugin[]; // Array of plugin class instances
+  icons?: GridIcons; // Centralized icon configuration
+  shell?: ShellConfig; // Optional header bar and tool panels
 }
 ```
 
+### Icons Configuration
+
+The grid provides a centralized icon system via `gridConfig.icons`. All plugins (tree, grouping, sorting, context menus, etc.) automatically use these icons, ensuring visual consistency across the entire grid.
+
+```typescript
+import { DEFAULT_GRID_ICONS } from '@toolbox-web/grid';
+
+grid.gridConfig = {
+  icons: {
+    expand: '▶', // Collapsed tree/group/detail icon
+    collapse: '▼', // Expanded tree/group/detail icon
+    sortAsc: '▲', // Sort ascending indicator
+    sortDesc: '▼', // Sort descending indicator
+    sortNone: '⇅', // Unsorted column indicator
+    submenuArrow: '▶', // Context menu submenu arrow
+    dragHandle: '⋮⋮', // Column reorder drag handle
+  },
+};
+```
+
+Icons can be strings (text or HTML) or `HTMLElement` instances. Plugins use grid-level icons by default but can override with their own config when needed.
+
 ### Plugin Configuration Example
 
 Plugins are class instances that you import and instantiate with their configuration:
@@ -474,6 +501,22 @@ For architecture details, rendering pipeline, and plugin development, see [ARCHI
 
 ---
 
+## Support This Project
+
+This grid is built and maintained by a single developer in spare time. If it saves you time or money, consider sponsoring to keep development going:
+
+[![GitHub Sponsors](https://img.shields.io/badge/Sponsor_on_GitHub-ea4aaa?style=for-the-badge&logo=github)](https://github.com/sponsors/OysteinAmundsen)
+[![Patreon](https://img.shields.io/badge/Support_on_Patreon-f96854?style=for-the-badge&logo=patreon)](https://patreon.com/user?u=40656340)
+
+**What sponsorship enables:**
+
+- 🚀 Faster feature development (see [ROADMAP](./ROADMAP.md))
+- 🐛 Priority bug fixes and support
+- 📚 Better documentation and examples
+- 💼 Corporate sponsors get logo placement and priority support
+
+---
+
 ## License
 
 MIT