# LogViewerProps

Source: /tuil/docs/reference/components/structured-viewers/log-viewer-props
Locale: en

LogViewerProps component contract.



{/* Generated by tooling/docs/generate-reference.ts. */}

## Type [#type]

```ts
export interface LogViewerProps extends CommonComponentProps {
  readonly lines: readonly (string | LogEntry)[];
  readonly height?: number;
  readonly width?: number;
  readonly maxLines?: number;
  readonly filter?: string;
  readonly follow?: boolean;
  readonly defaultFollow?: boolean;
  readonly onFollowChange?: (follow: boolean) => void | Promise<void>;
  readonly showTimestamp?: boolean;
  readonly staticLimit?: number;
  readonly autoFocus?: boolean;
}
```

## Members [#members]

| Member           | Type                                                                             | Required | Description                                                                                                             | Related types                                                     |
| ---------------- | -------------------------------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- |
| `lines`          | `readonly (string \| LogEntry)[]`                                                | Yes      | The `lines` member uses the `readonly (string \| LogEntry)[]` 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.                                                             | —                                                                 |
| `maxLines`       | `number \| undefined`                                                            | No       | The `maxLines` member uses the `number \| undefined` contract.                                                          | —                                                                 |
| `filter`         | `string \| undefined`                                                            | No       | The `filter` member uses the `string \| undefined` contract.                                                            | —                                                                 |
| `follow`         | `boolean \| undefined`                                                           | No       | The `follow` member uses the `boolean \| undefined` contract.                                                           | —                                                                 |
| `defaultFollow`  | `boolean \| undefined`                                                           | No       | The `defaultFollow` member uses the `boolean \| undefined` contract.                                                    | —                                                                 |
| `onFollowChange` | `((follow: boolean) => void \| Promise<void>) \| undefined`                      | No       | The `onFollowChange` member uses the `((follow: boolean) => void \| Promise<void>) \| undefined` contract.              | —                                                                 |
| `showTimestamp`  | `boolean \| undefined`                                                           | No       | The `showTimestamp` member uses the `boolean \| 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<Omit<LayoutNodeInput, "children" \| "id" \| "semantics">> \| undefined` | No       | The `layout` member uses the `Partial<Omit<LayoutNodeInput, "children" \| "id" \| "semantics">> \| 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.                                                         | —                                                                 |

## Source [#source]

[View the secondary source reference](https://github.com/mwillbanks/tuil/blob/main/registry/data-display/log-viewer.tsx)