master @ 18 LINES
[ HISTORY ] [ UP ]
┌─ TS ───────────────────────────────────────────────────────────────────────┐
│ export interface SelectOption { │
│ value: string; │
│ label: string; │
│ } │
│ │
│ export interface Props { │
│ name: string; │
│ options: (SelectOption | string)[]; │
│ /** Width of the value area in monospace cells. */ │
│ cells: number; │
│ value?: string; │
│ } │
│ │
│ // "[ " + value area + " ↓ ]". The arrow must be a glyph Cascadia Mono │
│ // actually ships (U+2193) - U+25BE falls back to a wider font and │
│ // breaks the grid. │
│ export const selectWidth = (cells: number) => cells + 6; │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ TS ─────────────────────────────────┐
│ export interface SelectOption { │
│ value: string; │
│ label: string; │
│ } │
│ │
│ export interface Props { │
│ name: string; │
│ options: (SelectOption | string)[]; │
│ /** Width of the value area in monospace c │
│ ells. */ │
│ cells: number; │
│ value?: string; │
│ } │
│ │
│ // "[ " + value area + " ↓ ]". The arrow mus │
│ t be a glyph Cascadia Mono │
│ // actually ships (U+2193) - U+25BE falls ba │
│ ck to a wider font and │
│ // breaks the grid. │
│ export const selectWidth = (cells: number) = │
│ > cells + 6; │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET