Dropdown API Overview
Initialization
import { Dropdown } from "@svar-ui/react-core";
export function Example() {
return (
<Dropdown>
{/* a component to put inside a dropdown */}
<div>Dropdown content</div>
</Dropdown>
);
}
tip
Visit the Features Guide to learn more about the functionality of this layout element.
Dropdown Properties
| align | Optional. Defines how the dropdown is aligned horizontally relative to the input field |
| autoFit | Optional. Defines whether a dropdown automatically fits to the width of the input |
| cancel | sets the function that closes a dropdown |
| position | Optional. Defines the position of a dropdown relative to the input |
| width | Optional. Sets the width of a dropdown |
Dropdown Events
| cancel | Sets the function that closes a dropdown |