Startboard project

Startboard / Design system

Documentation v1.0.0 · Public product

Design system contents

Components

Board editor

Create or edit a named collection, its description, icon and public visibility.

On this page

Purpose and placement

Create or edit a named collection, its description, icon and public visibility.

Anatomy

  • Title
  • Description and remaining counter
  • Optional icon
  • Public toggle and explanation
  • Action/feedback

Contract

Contract
Input or boundaryBehavior
descriptionMaximum 120 characters in UI and source sanitizer
CreatePOST title, description, icon, isPublic
EditPATCH boardId plus changed values
DefaultPublic off for newly opened form

States and feedback

  • Blank create
  • Prefilled edit
  • Public selected
  • Remaining character count
  • Saving/error

Interaction and composition

Creating opens from the dashboard header. Editing opens from an unlocked board row in settings. Public visibility changes a shareable reading route; it does not make the owner management UI public.

Responsive behavior

Card is the same centered editor shell. The character counter helps fit short descriptions; long inputs and suggestions may still cause overflow.

Accessibility contract

Public toggle exposes aria-pressed and has a name. Title/description rely on placeholders. Counter and error text are not announced automatically.

Known implementation gaps

Title validation is primarily API-driven. The overlay lacks full dialog semantics. Account/board access policies are read from source, not penetration-tested.

Source references

Source references
Repository fileResponsibility
app/(home)/AppHome.tsxCreate board
app/settings/boards/BoardsList.tsxEdit board
app/api/boards/route.tsValidation and user ownership

Examples from the app

Actual Startboard source UI with isolated fictional records; both native themes at 2× resolution or higher. No live integrations or account writes. Captured at 2× resolution or higher. Select an image to inspect it full size.

Board Editor Public Desktop Light · Component detail · Light · Desktop · Public · 1800 × 1842 px
Board Editor Server Error Desktop Light · Component detail · Light · Desktop · Server Error · 1800 × 1950 px
Board Editor Edit Desktop Light · Component detail · Light · Desktop · Edit · 1800 × 1842 px

Source audit: 2026-10-08 · Revision 08fa2595a668 · Documentation v1.0.0