This doc page does not explain which props belong to which group (baseStyle, size, ...), which can lead users to override a prop in the wrong place and wonder why no visual change happens: https://github.com/chakra-ui/chakra-ui/issues/3293
Some parts are even misleading:
I would infer from this that any prop can be specified in baseStyle, and that the following groups (size, variants...) override baseStyle.
Subject
Component Styling
Description
https://github.com/chakra-ui/chakra-ui-docs/blob/0bc42c4c0845554794112f9d46cd236403eaf1e1/content/docs/styled-system/component-style.mdx
This doc page does not explain which props belong to which group (
baseStyle
,size
, ...), which can lead users to override a prop in the wrong place and wonder why no visual change happens: https://github.com/chakra-ui/chakra-ui/issues/3293Some parts are even misleading:
I would infer from this that any prop can be specified in
baseStyle
, and that the following groups (size
,variants
...) overridebaseStyle
.