🛂 Migrate to Chakra UI v3 (#1496)
Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
21
frontend/src/theme/button.recipe.ts
Normal file
21
frontend/src/theme/button.recipe.ts
Normal file
@@ -0,0 +1,21 @@
|
||||
import { defineRecipe } from "@chakra-ui/react"
|
||||
|
||||
export const buttonRecipe = defineRecipe({
|
||||
base: {
|
||||
fontWeight: "bold",
|
||||
display: "flex",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
colorPalette: "teal",
|
||||
},
|
||||
variants: {
|
||||
variant: {
|
||||
ghost: {
|
||||
bg: "transparent",
|
||||
_hover: {
|
||||
bg: "gray.100",
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
})
|
Reference in New Issue
Block a user