Skip to content

1681-engine / react / SplitPaneProps

Interface: SplitPaneProps ​

Defined in: src/react/SplitPane.tsx:7

Properties ​

backLabel? ​

ts
optional backLabel?: ReactNode;

Defined in: src/react/SplitPane.tsx:21

The back button's word (default: the provider's backToList).


className? ​

ts
optional className?: string;

Defined in: src/react/SplitPane.tsx:22


detail? ​

ts
optional detail?: ReactNode;

Defined in: src/react/SplitPane.tsx:10

The right pane; null/undefined/false shows empty instead.


empty? ​

ts
optional empty?: ReactNode;

Defined in: src/react/SplitPane.tsx:11


fit? ​

ts
optional fit?: boolean;

Defined in: src/react/SplitPane.tsx:15

Height follows the content (capped) instead of the fixed window height: for panes with little in them.


list ​

ts
list: ReactNode;

Defined in: src/react/SplitPane.tsx:8


listWidth? ​

ts
optional listWidth?: string;

Defined in: src/react/SplitPane.tsx:13

The list column's width (any CSS grid track); by default the two share the width evenly.


pickSelector? ​

ts
optional pickSelector?: string;

Defined in: src/react/SplitPane.tsx:19

A click on an element matching this opens the detail when stacked (default .e1681-pickable).


stackBelow? ​

ts
optional stackBelow?: number;

Defined in: src/react/SplitPane.tsx:17

Below this width a touch screen shows one pane at a time (default SPLIT_STACK_BELOW, 600).

Released under the MIT License.