Skip to content
FastStore

useSettings

The useSettings hook provides access to various Checkout settings, such as branding data like logos and colors. These settings can be used to customize different aspects of your Checkout extensions, enabling more flexibility and personalization in the user experience.

Usage

const CustomFooter = () => {
  const { branding } = useSettings();


  return (
    <footer>
      <img width={72} src={branding.logo} alt="Store Logo" />
      <p>© 2024 Store A Inc. All Rights Reserved.</p>
    </footer>
  );
};

Parameters

The useSettings hook does not receive any parameters.

Returns

The useSettings hook returns an object with the following fields:

branding

  • type: Branding
type Branding = {
  color?: string;
  logo?: string;
};