recipes are not working about panda

[segunadebayo]

@omarkhatibco, yes.

The recipe "key" should match the "name" in the recipe.

[segunadebayo]

Hey @omarkhatibco,

I went around in circles trying to figure out why it didn't work because the website uses recipes, and it worked there 😅.

It boils down to the key used in the recipe here

What you currently have is this:

export const recipes = {
  buttonRecipe,
};

instead of

export const recipes = {
  button: buttonRecipe,
};

I've also used the extend key for the theme to pull in the default spacing tokens.

https://codesandbox.io/p/github/omarkhatibco/pandacss-test/csb-l9pfj2/draft/peaceful-heisenberg?file=/recipes.ts:30,1-32,3

[omarkhatibco]

Thanks @segunadebayo,

is it because of the Recipe in the key?