Fluid#
Props#
Defines valid properties in Fluid component.
| Prop | Default | Type |
|---|---|---|
ref | — | Ref<unknown> |
| The reference to the component instance. | ||
pIf | true | boolean |
| Whether the component should be rendered. | ||
style | — | CSSProperties | ((instance?: FluidInstance) => CSSProperties) |
| The style to apply to the component. | ||
className | — | string | ((instance?: FluidInstance) => string) |
| The class name to apply to the component. | ||
as | — | string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode> |
| The component type to render. | ||
asChild | false | boolean |
| Whether the component should be rendered as a child component. | ||
instance | — | FluidInstance |
| The instance to pass to the component. | ||
pt | — | SafeRecord<FluidPassThrough> |
| The pass-through props to pass to the component. | ||
ptOptions | — | PassThroughOptions |
| The pass-through options to pass to the component. | ||
unstyled | — | boolean |
| Whether the component should be rendered without classes. | ||
dt | — | unknown |
| The design token to use for the component. | ||
styles | — | StylesOptions<ComponentInstance> |
| The styles to use for the component. | ||
render | — | (instance: FluidInstance) => ReactNode |
| The render function to render the component with instance access. | ||
children | — | any |
| The children to render. Accepts `React.ReactNode` for static content or a render function `(instance: I) => React.ReactNode` for instance access. Typed as `any` to avoid JSX type errors when used directly in templates. | ||
[key: string] | — | any |
pt-{optionName}-* | — | - |
| Pass through attributes for customizing component. For more info, see Pass Through tab. | ||
State#
Exposes#
Interfaces#
PassThroughOptions
Defines passthrough(pt) options of Fluid component.
| Prop | Type |
|---|---|
root | FluidPassThroughType<HTMLAttributes<HTMLDivElement>> |
| Used to pass attributes to the root's DOM element. | |
Types#
Instance
Instance of Fluid component.
| Values |
|---|
ComponentInstance<FluidProps, FluidState, FluidExposes> |
useFluid#
Props#
State#
Exposes#
Types#
Instance
Instance of useFluid headless.
| Values |
|---|
HeadlessInstance<useFluidProps, useFluidState, useFluidExposes> |