Item Classes
The Item Classes page provides a list of classes used to further classify items beyond groups and categories. Classes are flat (non-hierarchical) labels.

Accessing the Page
Section titled “Accessing the Page”- Route:
/items/item-classes - Menu Path: Item Master Data → Item Classes
- Component:
ItemClasses.tsx - Source:
/mnt/dev/portal/services/items/frontend/src/pages/ItemClasses.tsx
Table Columns
Section titled “Table Columns”| Column | Description | Default Visible | Sortable |
|---|---|---|---|
| Code | Unique class code | Yes | Yes |
| Name | Class display name | Yes | Yes |
| Status | Active/Inactive badge | Yes | No |
| Actions | Edit, Delete buttons | Yes | No |
Filtering
Section titled “Filtering”| Filter | Description |
|---|---|
| Search | Search by code or name |
| Show Inactive | Toggle to include inactive classes |
Pagination
Section titled “Pagination”Uses load-more pagination with a default page size of 10.
Actions
Section titled “Actions”| Action | Permission | Description |
|---|---|---|
| Add Class | Create Class | Open create dialog |
| Edit | Edit Class | Open edit dialog |
| Delete | Delete Class | Delete the class (cannot be undone) |
Create / Edit Class Dialog
Section titled “Create / Edit Class Dialog”| Field | Required | Type | Description | Default | Validation |
|---|---|---|---|---|---|
| Code | Yes | Text | Unique identifier | — | Max 60 chars, read-only after creation |
| Name | Yes | Text | Display name | — | Max 200 chars |
| Active | No | Switch | Active status | true | Inactive classes are hidden from selection |


Messages
Section titled “Messages”| Event | Message |
|---|---|
| Create success | Class created successfully |
| Update success | Class updated successfully |
| Delete success | Class deleted successfully |