({ p }) => (
  <Flex>
    <NavLink href="#!" sx={{ p }}>
      Home
    </NavLink>
    <NavLink href="#!" sx={{ p }}>
      Blog
    </NavLink>
    <NavLink href="#!" sx={{ p }}>
      About
    </NavLink>
  </Flex>
)

Controls

Name	Description	Default	Controls
p	Padding on top, left, bottom and right ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>	-

Properties

	Name	Description	Default
BoxOwnProps (4 properties)

	as	ElementType<any>	-
	variant	string	-
	css	Interpolation<any>	-
	sx	ThemeUIStyleObject	-
SpaceProps (28 properties)
HTMLAttributes (44 properties)
AnchorHTMLAttributes (9 properties)
OpacityProps (1 properties)
AriaAttributes (48 properties)
DOMAttributes (161 properties)
Attributes (1 properties)
BackgroundColorProps (2 properties)
RefAttributes (1 properties)