Primitive 02 / Column list panel

Column list panel

A column list for a selected table. Each row carries the column name, type, default expression, nullable / not-null chip, and PK / FK chips when relevant. Columns that carry a database comment surface a small popover trigger.

Production answer

Column list panel is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Column list panel states
Generative search brief

Column list panel: A column list for a selected table. Each row carries the column name, type, default expression, nullable / not-null chip, and PK / FK chips when relevant. Columns that carry a database comment surface a small popover trigger.

Live primitive — public.quotes columns
Columnspublic.quotes10 cols · 1 pk · 1 fk
  • iddefault: nextval('quotes_id_seq')
    bigint
    PKNOT NULL
  • customer_id
    bigint
    FKNOT NULL
  • vehicle_rego
    varchar(8)
    NOT NULL
  • exhaust_kinddefault: 'cat-back'
    varchar(40)
    NOT NULL
  • subtotal_centsdefault: 0
    integer
    NOT NULL
  • gst_centsdefault: 0
    integer
    NOT NULL
  • statusdefault: 'draft'
    quote_status
    NOT NULL
  • valid_until
    date
    NULL
  • created_atdefault: now()
    timestamptz
    NOT NULL
  • updated_atdefault: now()
    timestamptz
    NOT NULL