Scroll area

Exports

@mbsw/ui에서 가져올 수 있는 항목입니다.

ScrollArea

Props

컴포넌트별 주요 속성입니다. 조건부 속성의 조합과 공통 HTML, Radix 속성은 아래 전체 타입에서 확인하세요.

ScrollArea

ScrollArea 속성
PropType필수 여부
childrenReactNode선택
variant'vertical' | 'horizontal' | 'concurrently'선택
viewportPropsScrollAreaViewportProps선택

Type reference

전체 타입 보기

속성 조합과 상속 속성을 포함한 TypeScript 선언입니다.

import { type ComponentPropsWithoutRef, type ReactNode } from 'react';

import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';

type DataAttributes = {
    [key: `data-${string}`]: boolean | number | string | undefined;
};

type ScrollAreaPrimitiveProps = ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>;

type ScrollAreaViewportPrimitiveProps = ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Viewport>;

export type ScrollAreaVariant = 'vertical' | 'horizontal' | 'concurrently';

export type ScrollAreaViewportProps = Omit<ScrollAreaViewportPrimitiveProps, 'asChild' | 'children' | 'color' | 'tabIndex'> & DataAttributes;

export type ScrollAreaProps = Omit<ScrollAreaPrimitiveProps, 'asChild' | 'children' | 'color' | 'scrollHideDelay' | 'type'> & DataAttributes & {
    children?: ReactNode;
    variant?: ScrollAreaVariant;
    viewportProps?: ScrollAreaViewportProps;
};

export declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<Omit<ScrollAreaPrimitive.ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "color" | "children" | "type" | "asChild" | "scrollHideDelay"> & DataAttributes & {
    children?: ReactNode;
    variant?: ScrollAreaVariant;
    viewportProps?: ScrollAreaViewportProps;
} & import("react").RefAttributes<HTMLDivElement>>;