An input for selecting one element from a list using a dropdown.
It uses the Ui.Picker
and Ui.InteractiveList
to create a select box.
<Ui.Select position={Ui.Position.BottomLeft} placeholder="Select an element..." size={Ui.Size.Px(16)} items={ELEMENTS} matchWidth={false} disabled={false} invalid={false} offset={10}/>
<Ui.Select placeholder="Select something!" items=[ Ui.ListItem.Item( content: <>"Something"</>, matchString: "something", key: "something"), Ui.ListItem.Item( content: <>"An other thing"</>, matchString: "an other thing", key: "an-other-thing") ]/>
<Ui.Select value="something" items=[ Ui.ListItem.Item( content: <>"Something"</>, matchString: "something", key: "something"), Ui.ListItem.Item( content: <>"An other thing"</>, matchString: "an other thing", key: "an-other-thing") ]/>
<> <Ui.Select placeholder="Select something!" size={Ui.Size.Px(12)} items={ELEMENTS} /> <Ui.Select placeholder="Select something!" size={Ui.Size.Px(16)} items={ELEMENTS} /> <Ui.Select placeholder="Select something!" size={Ui.Size.Px(20)} items={ELEMENTS} /></>
Whether or not the panel should match the width the element can be controlled with the matchWidth
property. For more information check out the same property of the Ui.Dropdown
The position property controls the panels position. For more information check out the the same property of the Ui.Dropdown
The offset property controls the panels offset. For more information check out the the same property of the Ui.Dropdown
Mint UI is a design system and component library for building websites, web and desktop applications.