@base-ui/react
Version:
Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.
38 lines • 1.2 kB
TypeScript
import * as React from 'react';
import type { BaseUIComponentProps } from "../../internals/types.js";
import { Side } from "../../utils/useAnchorPositioning.js";
import { type TransitionStatus } from "../../internals/useTransitionStatus.js";
/**
* @internal
*/
export declare const SelectScrollArrow: React.ForwardRefExoticComponent<Omit<SelectScrollArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
export interface SelectScrollArrowState {
/**
* The direction of the element.
*/
direction: 'up' | 'down';
/**
* Whether the element is visible.
*/
visible: boolean;
/**
* The side of the anchor the component is placed on.
*/
side: Side | 'none';
/**
* The transition status of the component.
*/
transitionStatus: TransitionStatus;
}
export interface SelectScrollArrowProps extends BaseUIComponentProps<'div', SelectScrollArrowState> {
direction: 'up' | 'down';
/**
* Whether to keep the HTML element in the DOM while the select popup is not scrollable.
* @default false
*/
keepMounted?: boolean | undefined;
}
export declare namespace SelectScrollArrow {
type State = SelectScrollArrowState;
type Props = SelectScrollArrowProps;
}