@meonode/ui
Version:
A structured approach to component composition, direct CSS-first prop styling, built-in theming, smart prop handling (including raw property pass-through), and dynamic children.
55 lines • 2.61 kB
TypeScript
/**
* A container that does not render any extra DOM element.
* @see {@link https://react.dev/reference/react/Fragment React Docs}
* @example
*
* ```typescript
* import { Fragment, Div, Span } from '@meonode/ui';
*
* Fragment({
* children: [
* Div('First Div'),
* Span('A Span inside Fragment'),
* Div('Second Div'),
* ],
* })
* ```
*/
export declare const Fragment: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = import("react").ExoticComponent<import("react").FragmentProps>>(props?: import("../main").PolymorphicProps<import("react").ExoticComponent<import("react").FragmentProps>, As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: import("react").ExoticComponent<import("react").FragmentProps>;
};
/**
* Lets you hide and restore the UI and internal state of its children.
* @see {@link https://react.dev/reference/react/Activity React Docs}
* @example
*
* ```typescript
* import { Activity } from '@meonode/ui';
*
* Activity({
* mode: isShowingSidebar ? "visible" : "hidden",
* children: Div(...),
* })
* ```
*/
export declare const Activity: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = import("react").ExoticComponent<import("react").ActivityProps>>(props: import("../main").PolymorphicProps<import("react").ExoticComponent<import("react").ActivityProps>, As, AdditionalProps, ExactProps>, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: import("react").ExoticComponent<import("react").ActivityProps>;
};
/**
* Lets you display a fallback until its children have finished loading.
* @see {@link https://react.dev/reference/react/Suspense React Docs}
* @example
*
* ```typescript
* import { Suspense } from '@meonode/ui';
*
* Suspense({
* fallback: 'Loading...',
* children: Div(...),
* })
* ```
*/
export declare const Suspense: (<AdditionalProps, ExactProps extends object = object, As extends import("../main").NodeElementType = import("react").ExoticComponent<import("react").SuspenseProps>>(props?: import("../main").PolymorphicProps<import("react").ExoticComponent<import("react").SuspenseProps>, As, AdditionalProps, ExactProps> | undefined, deps?: import("../main").DependencyList) => import("../main").NodeInstance<NoInfer<As>>) & {
element: import("react").ExoticComponent<import("react").SuspenseProps>;
};
//# sourceMappingURL=react.node.d.ts.map