PanelProps

type PanelProps = {
  children: Snippet;
  hideGlobalValues: boolean;
  hideToolbar: boolean;
  onOpenChange: (open: boolean) => void;
  onSettingsChange: (settings: Required<PanelSettings>) => void;
  openOnHover: boolean;
  resize: boolean;
  wiggleOnUpdate: boolean;
  zIndex: number;
} & {
  name: string;
  value: unknown;
  values: unknown;
} & PanelSettings & Partial<InspectOptions> & SvelteHTMLElements["aside"];

Props for Inspect.Panel

Type declaration

children?

children: Snippet;

Extra elements to be added at the bottom of the panel

hideGlobalValues?

hideGlobalValues: boolean;

Don’t display “global” values added with addToPanel

Default

false

hideToolbar?

hideToolbar: boolean;

Don’t render Panel toolbar with controls for setting position, opacity and appearance

Default

false

onOpenChange()?

onOpenChange: (open: boolean) => void;

Callback for when panel is opened or closed

Parameters

open

boolean

Returns

void

Default

undefined

onSettingsChange()?

onSettingsChange: (settings: Required<PanelSettings>) => void;

Callback for when any panel prop/setting is changed with the panel UI. Can be used for persisting settings using localStorage

Will run when any of the following prop / setting is changed:

• open
• align
• appearance
• opacity

Parameters

settings

Required < PanelSettings >

Current value of settings

Returns

void

Default

undefined

See

PanelSettings

openOnHover?

openOnHover: boolean;

Panel should open on hover.

Enabling this will leave part of the panel visible for easier reach.

Default

false

resize?

resize: boolean;

Enable resizing

Default

true

wiggleOnUpdate?

wiggleOnUpdate: boolean;

When closed, wiggle the panel button when an inspected value is updated

Default

true

zIndex?

zIndex: number;

Z-index of panel

Default

1000

Type declaration

name?

name: string;

Name of inspected value. Will be displayed as the “key” of the value.

Will not be used if BaseProps.values is set

See

InspectOptions.expandPaths

value?

value: unknown;

Any (single) value of any type to be inspected.

Will not be inspected if BaseProps.values is used

If value is undefined or null without BaseProps.name being set, the value will not be inspected

values?

values: unknown;

Inspect every enumerable property of a value, object or array-like.

Allows for multiple root-level nodes, unlike BaseProps.value.

See

InspectOptions