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