Interface
An overview of every screen in the Component List app.
My Lists page
The home screen after signing in. It has two sections:
My Lists
Displays all lists you own as rows:
| Column | Description |
|---|---|
| Name | List name (click to open) |
| Description | Optional description |
| Item count · Last updated | How many components and when the list was last changed |
| Delete | Trash icon — permanently removes the list |
Top bar actions:
- Search box — filter lists by name
- Sort toggle (↑/↓) — newest first or oldest first
- New List — create a new list
- Import List — load a list from a JSON file
Shared Lists
Lists that others have shared with you. Paste a share link to add a new shared list. Each row shows the list name, who shared it, and your permission level (view / edit).
List view (inside a list)
When you open a list you see:
Left sidebar
- List name and description
- Category tabs — one tab per category (e.g., Resistors, Capacitors). Click to switch
- Add category — add a new built-in or custom category
- Settings — open category settings modal (columns, units)
- Share — open the share modal
- Export — download the list as JSON
Main area (table)
A spreadsheet-like table showing all items in the selected category:
- Each row is one component
- Columns match the category schema (Resistance, Power, Package, etc.)
- Inline editing — click any cell to edit
- Quantity column — always present, editable per row
- Add row button at the bottom
Filter panel (right sidebar)
For filterable columns (Material, Package, Type, Color) a set of checkboxes appears. Check values to show only matching items.