useComponents

A hook to access components provided through the component context.

Usage

The useComponents hook allows you to access customized components that have been provided through the ComponentProvider. This is particularly useful when building custom components that need to use other components that might be customized by the application.


import { useComponents } from "@codedazur/fusion-ui";
 
function CustomComponentList() {
  const { Button, Text, Icon } = useComponents();
 
  return (
    <div>
      <Text variant="title">Available Actions</Text>
      <Button leading={<Icon.Add />}>Add Item</Button>
      <Button leading={<Icon.Edit />}>Edit Item</Button>
    </div>
  );
}