Skip to main content

InputGroup

InputGroup

Source: packages/appkit-ui/src/react/ui/input-group.tsx

Props

This component extends standard HTML element attributes.

Usage

import { InputGroup } from '@databricks/appkit-ui';

<InputGroup /* props */ />

InputGroupAddon

Source: packages/appkit-ui/src/react/ui/input-group.tsx

Props

PropTypeRequiredDefaultDescription
align"inline-start" | "inline-end" | "block-start" | "block-end" | nullinline-start-

Usage

import { InputGroupAddon } from '@databricks/appkit-ui';

<InputGroupAddon /* props */ />

InputGroupButton

Source: packages/appkit-ui/src/react/ui/input-group.tsx

Props

PropTypeRequiredDefaultDescription
asChildboolean--
variant"link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | nullghost-
size"sm" | "icon-sm" | "xs" | "icon-xs" | nullxs-

Usage

import { InputGroupButton } from '@databricks/appkit-ui';

<InputGroupButton /* props */ />

InputGroupInput

Source: packages/appkit-ui/src/react/ui/input-group.tsx

Props

This component extends standard HTML element attributes.

Usage

import { InputGroupInput } from '@databricks/appkit-ui';

<InputGroupInput /* props */ />

InputGroupText

Source: packages/appkit-ui/src/react/ui/input-group.tsx

Props

This component extends standard HTML element attributes.

Usage

import { InputGroupText } from '@databricks/appkit-ui';

<InputGroupText /* props */ />

InputGroupTextarea

Source: packages/appkit-ui/src/react/ui/input-group.tsx

Props

This component extends standard HTML element attributes.

Usage

import { InputGroupTextarea } from '@databricks/appkit-ui';

<InputGroupTextarea /* props */ />