Askr documentation
Generated API snapshot

@askrjs/themes/input-group

Exports from the declarations published in @askrjs/themes. Signatures reflect the published artifact.

Exports

This entrypoint publishes 6 exports. Use the anchored symbol rows for direct links. Type-only exports are labeled separately from runtime values.

InputGrouptype

InputGroup: (props: InputGroupProps) => JSX.Element

Groups related inputs/addons together, optionally visually attached, with a horizontal or vertical orientation and role="group" by default.

InputGroupOrientationtype

InputGroupOrientation: "horizontal" | "vertical"

Layout direction of an {@link InputGroup }.

InputGroupPropstype

InputGroupProps: DivProps & {
  children?: unknown;
  attached?: boolean;
  orientation?: InputGroupOrientation;
  ref?: Ref<HTMLDivElement>;
}

Props for the {@link InputGroup } component.

attached
attached?: boolean | undefined;
children
children?: unknown;
orientation
orientation?: InputGroupOrientation | undefined;
ref
ref?: Ref<HTMLDivElement>;

InputGroupTexttype

InputGroupText: { (props: InputGroupTextProps): JSX.Element; (props: InputGroupTextAsChildProps): JSX.Element; }

Renders static text/label content within an {@link InputGroup}.

InputGroupTextAsChildPropstype

InputGroupTextAsChildProps: SpanProps & {
  asChild: true;
  children: JSXElement;
  ref?: Ref<unknown>;
}

Props for {@link InputGroupText } rendered with asChild, merging its attributes onto a single child element.

asChild
asChild: true;
children
children: JSXElement;
ref
ref?: Ref<unknown>;

InputGroupTextPropstype

InputGroupTextProps: SpanProps & {
  asChild?: false;
  children?: unknown;
  ref?: Ref<HTMLSpanElement>;
}

Props for {@link InputGroupText } rendered as its default <span> element.

asChild
asChild?: false | undefined;
children
children?: unknown;
ref
ref?: Ref<HTMLSpanElement>;