InputGroupInlineEnd() — ui Function Reference

Architecture documentation for the InputGroupInlineEnd() function in input-group-inline-end.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ InputGroupInlineEnd() — ui Function Reference

Dependency Diagram

graph TD
  05d8df34_201a_7d58_dd17_1d6566f1f409["InputGroupInlineEnd()"]
  cae6737f_4a80_678e_f6c1_8dd522d4d6a9["input-group-inline-end.tsx"]
  05d8df34_201a_7d58_dd17_1d6566f1f409 -->|defined in| cae6737f_4a80_678e_f6c1_8dd522d4d6a9
  style 05d8df34_201a_7d58_dd17_1d6566f1f409 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/input-group-inline-end.tsx lines 9–26

export function InputGroupInlineEnd() {
  return (
    <Field className="max-w-sm">
      <FieldLabel htmlFor="inline-end-input">Input</FieldLabel>
      <InputGroup>
        <InputGroupInput
          id="inline-end-input"
          type="password"
          placeholder="Enter password"
        />
        <InputGroupAddon align="inline-end">
          <EyeOffIcon />
        </InputGroupAddon>
      </InputGroup>
      <FieldDescription>Icon positioned at the end.</FieldDescription>
    </Field>
  )
}