Form controls

Labels, fields, inputs, selection, and boolean controls.

Primitive

Example

A representative composition rendered with the published package API.

Connection name

Shown to workspace members.

Provider

Searchable provider

Alias

This alias is already in use.

Expires

UTC

Entered and enforced in UTC.

Notes

Use as preferred providerAutomatic health checksConnection

The decisions most consumers need to make when adopting this family.

control

Input · Textarea · Select · SearchableSelect · DateTimeField · Checkbox · Switch

Choose from the type and number of values users must provide. Use DateTimeField instead of a native datetime-local input so the time zone is stated.

FormSelect empty value

placeholder · nothing

An empty value with no matching option is no selection: the placeholder shows, or nothing. Do not add a disabled prompt option.

state

default · disabled · invalid · required

Expose state through native attributes as well as styling.

Option	Values or anatomy	Guidance
`control`	Input · Textarea · Select · SearchableSelect · DateTimeField · Checkbox · Switch	Choose from the type and number of values users must provide. Use DateTimeField instead of a native datetime-local input so the time zone is stated.
`FormSelect empty value`	placeholder · nothing	An empty value with no matching option is no selection: the placeholder shows, or nothing. Do not add a disabled prompt option.
`state`	default · disabled · invalid · required	Expose state through native attributes as well as styling.

Copy the package import and adapt the composition to product-owned content and state.

import { Checkbox, Field, FieldDescription, FieldError, FieldGroup } from "@conscia-labs/design-system";