34 lines
716 B
Markdown
34 lines
716 B
Markdown
---
|
|
title: ScrubInputDisplay
|
|
description: Read-only display primitive for ScrubInputRoot non-editing mode.
|
|
---
|
|
|
|
# ScrubInputDisplay
|
|
|
|
`ScrubInputDisplay` renders the non-editing display for `ScrubInputRoot`.
|
|
|
|
It only renders while the scrub input is not in editing mode.
|
|
|
|
## Usage
|
|
|
|
Use it inside a `ScrubInputRoot` subtree.
|
|
|
|
## Props and attrs
|
|
|
|
<SdkFieldGroup>
|
|
<SdkField name="$attrs" type="span attributes">Passed through to the rendered span element.</SdkField>
|
|
</SdkFieldGroup>
|
|
|
|
## Example
|
|
|
|
```vue
|
|
<ScrubInputRoot v-model:model-value="value">
|
|
<ScrubInputDisplay class="cursor-ew-resize" />
|
|
</ScrubInputRoot>
|
|
```
|
|
|
|
## Related APIs
|
|
|
|
- [ScrubInputRoot](./scrub-input-root)
|
|
- [ScrubInputField](./scrub-input-field)
|