PaddingProps

type PaddingProps = {
  p?: Padding;
  padding?: Padding;
  paddingBottom?: Padding;
  paddingEnd?: Padding;
  paddingLeft?: Padding;
  paddingRight?: Padding;
  paddingStart?: Padding;
  paddingTop?: Padding;
  pb?: Padding;
  pe?: Padding;
  pl?: Padding;
  pr?: Padding;
  ps?: Padding;
  pt?: Padding;
  px?: Padding;
  py?: Padding;
};

Extended by

• ThemeStyleProps

Properties

Property	Type	Description
p?	Padding	The CSS property padding
padding?	Padding	The CSS property padding
paddingBottom?	Padding	The CSS property padding-bottom
paddingEnd?	Padding	The CSS property padding-end
paddingLeft?	Padding	The CSS property padding-left
paddingRight?	Padding	The CSS property padding-right
paddingStart?	Padding	The CSS property padding-start
paddingTop?	Padding	The CSS property padding-top
pb?	Padding	The CSS property padding-bottom
pe?	Padding	The CSS property padding-end
pl?	Padding	The CSS property padding-left
pr?	Padding	The CSS property padding-right
ps?	Padding	The CSS property padding-start
pt?	Padding	The CSS property padding-top
px?	Padding	padding-inline-start + padding-inline-end (Chakra uses padding-inline-start and padding-inline-end to ensure the generated styles are RTL-friendly)
py?	Padding	The CSS property padding-top + padding-bottom