Collection of theme-ui and external components.
Theme UI
created:3/15/2021
updated:3/15/2021
source lines:20
comments %:0

NavLink

theme-ui
0.6.0-alpha.7

Link component for use in navigation

NavLink variants can be defined in the

theme.links
object. By default the NavLink component will use styles defined in
theme.links.nav
.

import { NavLink } from 'theme-ui';

Name
Description
Default
Controls
p

Padding on top, left, bottom and right

ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>>
-

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)

package
imports
peer
react
React

file
imports
"./Link"
Link