| convertComponentToProps(component) | Converts a raw Canvas component instance to React component props format. This merges each parameter moved to the root object and removes the 'value' node, hugely simplifying rendering code. For example if the raw object has parameters.foo.value, then the final props have props.foo === raw.parameters.foo.value. |
| createComponentStore() | |
| createComponentStoreResolver(options) | |
| DefaultNotImplementedComponent(props) | A default implementation of a component-not-implemented component. Useful for model-first workflows where frontend dev comes later. To make this work, it needs to be the default returned from the resolveRenderer() function when the component is unknown. |
| registerUniformComponent({ type, variantId, component, }) | |
| UniformComponent({ data, resolveRenderer, children, behaviorTracking, contextualEditingDefaultPlaceholder, }) | Allows the rendering of a Canvas component instance (root or not), and its children if it has any. Note that the actual rendering happens inside <code><UniformSlot /></code>, this component only provides the services needed to achieve that. This component is used internally by <code><UniformComposition /></code>, which you should use in most cases. |
| UniformComposition({ data, behaviorTracking, children, resolveRenderer, contextualEditingEnhancer, contextualEditingDefaultPlaceholder, }) | The main component to render a Canvas composition. It renders the full tree of components, and provides some services to the children, such as <code>useUniformCurrentComposition</code>. It also takes care of enabling [Contextual Editing](https://docs.uniform.app/capabilities/composition/contextual-editing). |
| UniformPlayground({ resolveRenderer, decorators, contextualEditingEnhancer, behaviorTracking, contextualEditingDefaultPlaceholder, }) | Playground where you can freely live preview your components and patterns. |
| UniformRichTextNode({ node, ...props }) | Render a single RichText node |
| UniformSlot({ name, resolveRenderer, children, emptyPlaceholder, wrapperComponent, }) | Renders a named Slot within a Composition. |
| UniformText({ as: tag, parameterId, isMultiline, placeholder, render, ...props }) | Renders text parameters. Offers inline editing capability out of the box. |
| useCompositionEventEffect({ enabled, projectId, compositionId, effect, }) | Hook to manage a subscription to a realtime event on a composition |
| useUniformContextualEditing({ initialCompositionValue, enhance, }) | Adds contextual editing capability to a Uniform app. This hook is already integrated in <code><UniformComposition /></code>, you won't need to use it directly, unless you have a custom setup. |
| useUniformContextualEditingState({ global, }) | Returns the state of contextual editing, when the app is open inside Canvas Editor. This hook can be used to improve the editing experience of your team. For example: You can use <code>selectedComponentReference</code> to control which element to show inside a carousel or an accordion. |
| useUniformCurrentComponent() | Gets the data of the closest <code><UniformComponent /></code> ancestor. |
| useUniformCurrentComposition() | Gets the data of the closest <code><UniformComposition /></code> ancestor. |