@yamada-ui/react/dist/types/components/native-select/native-select.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ThemeProps } from "../../core/system/index.types.js";
import { Component, HTMLProps, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { FieldProps } from "../field/field.js";
import { UseInputBorderProps } from "../input/use-input-border.js";
import { InputElementProps } from "../input/input-element.js";
import { InputGroupRootProps } from "../input/input-group.js";
import { NativeSelectStyle } from "./native-select.style.js";
import { UseNativeSelectProps } from "./use-native-select.js";
import "../../index.js";
import * as react929 from "react";
import { ReactNode } from "react";

//#region src/components/native-select/native-select.d.ts
interface NativeSelectRootProps extends Omit<HTMLStyledProps<"select">, "size">, UseNativeSelectProps, ThemeProps<NativeSelectStyle>, FieldProps, UseInputBorderProps {
  /**
   * The icon to be used in the select.
   */
  icon?: ReactNode;
  /**
   * The props for the end element.
   */
  elementProps?: InputElementProps;
  /**
   * Props for icon element.
   */
  iconProps?: NativeSelectIconProps;
  /**
   * Props for root element.
   */
  rootProps?: InputGroupRootProps;
}
declare const NativeSelectPropsContext: react929.Context<Partial<NativeSelectRootProps> | undefined>, useNativeSelectPropsContext: () => Partial<NativeSelectRootProps> | undefined;
/**
 * `NativeSelect` is a component used for allowing users to select one option from a list. It displays a native dropdown list provided by the browser (user agent).
 *
 * @see https://yamada-ui.com/docs/components/native-select
 */
declare const NativeSelectRoot: Component<"select", NativeSelectRootProps>;
interface NativeSelectIconProps extends HTMLStyledProps {
  icon?: ReactNode;
}
interface NativeSelectGroupProps extends HTMLProps<"optgroup"> {}
declare const NativeSelectGroup: Component<"optgroup", NativeSelectGroupProps>;
interface NativeSelectOptionProps extends HTMLProps<"option"> {}
declare const NativeSelectOption: Component<"option", NativeSelectOptionProps>;
interface NativeSelectSeparatorProps extends HTMLProps<"hr"> {}
declare const NativeSelectSeparator: Component<"hr", NativeSelectSeparatorProps>;
//#endregion
export { NativeSelectGroup, NativeSelectGroupProps, NativeSelectOption, NativeSelectOptionProps, NativeSelectPropsContext, NativeSelectRoot, NativeSelectRootProps, NativeSelectSeparator, NativeSelectSeparatorProps, useNativeSelectPropsContext };
//# sourceMappingURL=native-select.d.ts.map