revido kit
Start building
← All components
forms / stable

PropertyLink

Quiet link or branch value in a property row; editing opens a compact TextField popover.

LIVE PREVIEW
Loading preview…

When to use

  • Preview, branch/PR and evidence rows in record rails.
  • Keep one fixed label column with PropertyField.

Consider an alternative

  • Navigation only — use Link.
  • Full form entry — use TextField.

Import

import { PropertyLink } from '@revido-llc/kit';

Keyboard interaction

  • Enter/Space — open editor
  • Enter — finish editing
  • Escape — dismiss editor

Props

Props documented by the Kit. Refer to the TypeScript types for the complete interface, including inherited props.

label (required)string—
onChange (required)(value: string) => void—
value (required)string—A URL or a short reference such as a branch name.
emptyLabelstring"Add link"
isDisabledboolean—
isRequiredboolean—
onBlur(() => void)—Existing auto-save consumers can commit on editor blur.
placeholderstring"https://…"

Examples

URL value

<PropertyField label="Preview link"><PropertyLink label="Preview link" value={url} onChange={setUrl} /></PropertyField>

Empty and disabled

<PropertyLink label="Preview link" value="" onChange={setUrl} isDisabled />

Branch reference

<PropertyLink label="Branch/PR link" value={branch} onChange={setBranch} />

Related components