# ReferencePicker

Look up Resource references through a host-supplied lookup.

## Public import

```svelte
<script lang="ts">
  import { ReferencePicker } from "rom-ui/ui/components";
  import "rom-studio/styles";
</script>
```

## Composition and responsibility

The host supplies data, callbacks and application policy. The component does not provide persistence or authorization.

Public names: `ReferencePicker`.

## Declared props

This declaration comes from the installed package. Imported types retain their upstream meaning.

```ts
type Props = {
    kind: string;
    normalizeId: (text: string, kind: string, path: string) => string;
    lookup?: ReferenceLookup;
    authorityToken: unknown;
    messages?: Partial<ReferencePickerMessages>;
    value: unknown;
    label: string;
    path?: string;
    onchange: (value: unknown) => void;
    onerror?: (message: string) => void;
    readonly?: boolean;
    showLabel?: boolean;
  };
```

## Source and version

ROM UI **0.1.0-alpha.7**. [Component source](https://github.com/pmikstacki/rom-ui/blob/v0.1.0-alpha.7/src/lib/ui/components/ReferencePicker.svelte).

See [the composition guide](/docs/studio-compositions/) for host integration boundaries.