# BuildRunKit Invoices: Items Sub-Section

## **BuildRunKit Invoices: Items Sub-Section**

**[![Screenshot 2026-09-15 120339.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-15-120339.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-15-120339.png)**

The **Items** sub-section provides central management for your products and services catalog used across billing records.

#### **Item Summary Metrics**

Top KPI cards display key catalog breakdown totals:

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-total-items%3A-tracks-"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Total Items**: Tracks the overall number of registered product/service entries (e.g., `20`).
- **Taxable**: Displays total count of taxable catalog items (e.g., `16`).
- **Highest Price**: Highlights the maximum unit price recorded in the catalog (e.g., `$15,000.00`).
- **Average Price**: Calculates the average price across all catalog entries (e.g., `$3,480.00`).

</div></div>#### **Directory Controls &amp; Search Bar**

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-search-items...%3A-glo"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Search items...**: Global filter input for locating products or services by name and description.
- **View Switcher**: Toggle viewing modes between **Table** (list layout) and **Grid** (card layout).

</div></div>#### **Items Table Data Columns**

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-name%3A-title-of-the-p"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Name**: Title of the product or service entry (e.g., *Marketing Collateral Set*, *Landing Page Design*).
- **Description**: High-level details of the offering (e.g., *Design of business cards, letterheads...*, *High-conversion landing page design...*).
- **Unit Price**: Standard billing cost per unit (e.g., *$1,200.00*, *$1,800.00*).
- **Taxable**: Badge indicating tax status (*Taxable*).
- **Created At**: Date when the item entry was added to the catalog (e.g., *May 12, 2026*).

</div></div>#### **Row Actions Menu (`...`)**

Clicking the three dots icon on any item row displays quick record management actions:

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-view%3A-opens-full-ite"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **View**: Opens full item details.
- **Edit**: Opens the item editor to adjust pricing, tax status, or description.
- **Delete**: Removes the item from the catalog.

</div></div>#### **Header &amp; Action Buttons**

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-%2B-new-item%3A-direct-a"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **+ New Item**: Direct action button to open the product/service setup modal.
- **Generate Report**: Opens the **Invoice Items Report** export modal:
    
    
    - **Export Count**: Displays total targeted item records (e.g., *Exporting 20 records*).
    - **Export Format Options**: Allows instant downloads via **Export as PDF** or **Export as CSV**.

</div></div>[![Screenshot 2026-09-15 120406.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-15-120406.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-15-120406.png)

### **BuildRunKit Invoices: Creating a New Item**

**[![Screenshot 2026-09-15 120706.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-15-120706.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-15-120706.png)**

The **New Item** modal provides a creation interface for adding products or services to the catalog for invoice line item selection.

#### **Input Fields &amp; Form Controls**

- **Name \***: Required text field to enter the item name (placeholder: `e.g., Consulting Hour`).
- **Description**: Optional text area to provide detailed item specifications (placeholder: `Optional description`).
- **Unit Price \***: Required numeric input field to set default item pricing (default: `0`).
- **Taxable**: Checkbox control to specify whether tax applies to this product/service (checked by default).

#### **Header &amp; Action Buttons**

- **Close (`x`)**: Top-right button to dismiss the modal without saving changes.
- **Cancel**: Outline button to close the setup modal and discard inputs.
- **Save Item**: Primary blue action button to save the new entry to the catalog directory.

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk--3"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" id="bkmrk--4" inline-copy-host=""></div></div>