# JsonViewerProps Source: /tuil/docs/reference/components/structured-viewers/json-viewer-props Locale: en JsonViewerProps component contract. {/* Generated by tooling/docs/generate-reference.ts. */} ## Type [#type] ```ts export interface JsonViewerProps extends CommonComponentProps, SlottedComponentProps< JsonViewerSlots, { readonly focused: boolean; readonly activePath?: string; readonly expanded: ReadonlySet; } > { readonly value: unknown; readonly expandedPaths?: readonly string[]; readonly defaultExpandedPaths?: readonly string[]; readonly onExpandedChange?: ( paths: readonly string[], ) => void | Promise; readonly defaultExpandedDepth?: number; readonly maxDepth?: number; readonly sortKeys?: boolean; readonly redactKeys?: RegExp; readonly height?: number; readonly width?: number; readonly staticLimit?: number; readonly autoFocus?: boolean; } ``` ## Members [#members] | Member | Type | Required | Description | Related types | | ---------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `value` | `unknown` | Yes | The `value` member uses the `unknown` contract. | — | | `expandedPaths` | `readonly string[] \| undefined` | No | The `expandedPaths` member uses the `readonly string[] \| undefined` contract. | — | | `defaultExpandedPaths` | `readonly string[] \| undefined` | No | The `defaultExpandedPaths` member uses the `readonly string[] \| undefined` contract. | — | | `onExpandedChange` | `((paths: readonly string[]) => void \| Promise) \| undefined` | No | The `onExpandedChange` member uses the `((paths: readonly string[]) => void \| Promise) \| undefined` contract. | — | | `defaultExpandedDepth` | `number \| undefined` | No | The `defaultExpandedDepth` member uses the `number \| undefined` contract. | — | | `maxDepth` | `number \| undefined` | No | The `maxDepth` member uses the `number \| undefined` contract. | — | | `sortKeys` | `boolean \| undefined` | No | The `sortKeys` member uses the `boolean \| undefined` contract. | — | | `redactKeys` | `RegExp \| undefined` | No | The `redactKeys` member uses the `RegExp \| undefined` contract. | — | | `height` | `number \| undefined` | No | The `height` member uses the `number \| undefined` contract. | — | | `width` | `number \| undefined` | No | The `width` member uses the `number \| undefined` contract. | — | | `staticLimit` | `number \| undefined` | No | The `staticLimit` member uses the `number \| undefined` contract. | — | | `autoFocus` | `boolean \| undefined` | No | The `autoFocus` member uses the `boolean \| undefined` contract. | — | | `variant` | `string \| undefined` | No | The `variant` member uses the `string \| undefined` contract. | — | | `size` | `"sm" \| "md" \| "lg" \| undefined` | No | The `size` member uses the `"sm" \| "md" \| "lg" \| undefined` contract. | — | | `unstyled` | `boolean \| undefined` | No | The `unstyled` member uses the `boolean \| undefined` contract. | — | | `className` | `string \| undefined` | No | The `className` member uses the `string \| undefined` contract. | — | | `layout` | `Partial> \| undefined` | No | The `layout` member uses the `Partial> \| undefined` contract. | — | | `id` | `string \| undefined` | No | The `id` member uses the `string \| undefined` contract. | — | | `testId` | `string \| undefined` | No | The `testId` member uses the `string \| undefined` contract. | — | | `role` | `SemanticRole \| undefined` | No | The `role` member uses the `SemanticRole \| undefined` contract. | [`SemanticRole`](/tuil/docs/reference/packages/core/api/semantic-role) | | `label` | `string \| undefined` | No | The `label` member uses the `string \| undefined` contract. | — | | `description` | `string \| undefined` | No | The `description` member uses the `string \| undefined` contract. | — | | `disabled` | `boolean \| undefined` | No | The `disabled` member uses the `boolean \| undefined` contract. | — | | `readOnly` | `boolean \| undefined` | No | The `readOnly` member uses the `boolean \| undefined` contract. | — | | `selected` | `boolean \| undefined` | No | The `selected` member uses the `boolean \| undefined` contract. | — | | `checked` | `boolean \| undefined` | No | The `checked` member uses the `boolean \| undefined` contract. | — | | `expanded` | `boolean \| undefined` | No | The `expanded` member uses the `boolean \| undefined` contract. | — | | `valueText` | `string \| undefined` | No | The `valueText` member uses the `string \| undefined` contract. | — | | `slots` | `Partial> \| undefined` | No | The `slots` member uses the `Partial> \| undefined` contract. | [`BoxProps`](/tuil/docs/reference/packages/ink/api/box-props), [`SlotComponents`](/tuil/docs/reference/packages/theme/api/slot-components), [`TextProps`](/tuil/docs/reference/packages/ink/api/text-props) | | `slotProps` | `Partial; }>> \| undefined` | No | The `slotProps` member uses the `Partial; }>> \| undefined` contract. | [`BoxProps`](/tuil/docs/reference/packages/ink/api/box-props), [`SlotProps`](/tuil/docs/reference/packages/theme/api/slot-props), [`TextProps`](/tuil/docs/reference/packages/ink/api/text-props) | ## Source [#source] [View the secondary source reference](https://github.com/mwillbanks/tuil/blob/main/registry/data-display/json-viewer.tsx)