ApiKeyField
Renders a secret API key value, masked with a reveal/copy affordance.
Installation
pnpm dlx shadcn@latest add @chelone/api-key-fieldRenders a secret API key value, masked with a reveal/copy affordance.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cellClassName | string | — | A class name to apply to the cell element when used inside `<DataTable>`. |
| className | string | — | A class name to apply to the root element. |
| empty | ReactNode | — | The node to display when the field value is empty. Defaults to nothing. A string is translated; a ReactNode renders as-is. |
| headerClassName | string | — | A class name to apply to the header cell element when used inside `<DataTable>`. |
| label | ReactNode | — | Label to use as column header when using `<DataTable>` or `<SimpleShowLayout>`. Defaults to the capitalized field name. Set to `false` to disable the label. |
| lastUsedSource | string | — | Record field with ISO last-used timestamp. |
| maskedFormat | "last4" | "full" | — | 'last4' shows the trailing 4 chars; 'full' masks everything. |
| record | RecordType | — | The record to render. Defaults to the ambient `RecordContext` value. |
| resource | string | — | The resource name. Defaults to the ambient `ResourceContext` value. |
| scopesSource | string | — | Record field with scope strings. Renders chips when set. |
| sortable | boolean | — | Disable the header click handler when used inside `<DataTable>`. |
| sortBy | string | — | The field to sort by when this column head is clicked, if sortable. |
| sortByOrder | SortOrder | — | The order used for sorting when this column head is clicked, if sortable. |
| source | string | — | Name of the property to display (dot/bracket path). |
| textAlign | TextAlign | — | The text alignment for the cell content, when used inside `<DataTable>`. |