Inspector

Exports

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

Inspector
InspectorContent
InspectorHeader
InspectorSeparator

Props

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

Inspector

Inspector 속성
PropType필수 여부
childrenReactNode선택
variant'default' | 'scroll'선택

Type reference

전체 타입 보기

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

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

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

type AsideProps = HTMLAttributes<HTMLElement> & DataAttributes;

type DivProps = HTMLAttributes<HTMLDivElement> & DataAttributes;

export type InspectorVariant = 'default' | 'scroll';

export type InspectorProps = Omit<AsideProps, 'children'> & {
    children?: ReactNode;
    variant?: InspectorVariant;
};

export type InspectorHeaderProps = DivProps;

export type InspectorContentProps = DivProps;

export type InspectorSeparatorProps = Omit<DivProps, 'aria-hidden' | 'children' | 'dangerouslySetInnerHTML' | 'role' | 'tabIndex'> & {
    children?: never;
};

export declare const Inspector: import("react").ForwardRefExoticComponent<Omit<AsideProps, "children"> & {
    children?: ReactNode;
    variant?: InspectorVariant;
} & import("react").RefAttributes<HTMLElement>>;

export declare const InspectorHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const InspectorSeparator: import("react").ForwardRefExoticComponent<Omit<DivProps, "tabIndex" | "role" | "aria-hidden" | "children" | "dangerouslySetInnerHTML"> & {
    children?: never;
} & import("react").RefAttributes<HTMLDivElement>>;

export declare const InspectorContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;