Lambda UI
v1.3.4
Stable

Join

Join component is a form element that allows users to select a number

Playground

Experiment with all the properties of the Join component in real time.

Properties
size
Medium

Sets the visual size of the input, adjusting padding and text size.

radius
Tiny

Sets the visual radius of the input, adjusting border radius.

disabled

Disables the input, making it non-interactive.

Usage

The children property of the component Join defines the interactive content that will be visually grouped into a single segmented unit. This property accepts one or more components, which are typically form elements or action controls such as Input, Select, InputNumber, Checkbox, Button, and Dropdown. Join modifies the styles of its children to eliminate borders and spacing between them, achieving a cohesive and compound control appearance, ideal for creating search bars or toggle button groups.

API Reference

Props

Prop
Default
Type
size
"medium"
"tiny" | "small" | "medium" | "large"
radius
"tiny"
"none" | "tiny" | "small" | "medium" | "large" | "full"
disabled
false
boolean
The modern React component library.
© 2026 Lambda UI. Made with in Mexico by AletzMan.