TextLink

Open in Playground

Underlined inline link with a hover color. linkComponent / linkProp swap in a router link, like AppBar.

Read the source on GitHub, or pass linkComponent to use your router link.

Props

hrefstring
Link destination.
linkComponentElementType
Default: 'a'
Component used for links, e.g. a router Link.
linkPropstring
Default: 'href'
Name of the destination prop on linkComponent (e.g. "to" for react-router).
classNamestring
Default: ''
Extra classes for the root element.
childrenReactNode
Content.
...rest
Any other props are passed to the underlying element.

TextLink props
Prop	Type	Default	Description
`href`	string	–	Link destination.
`linkComponent`	ElementType	`'a'`	Component used for links, e.g. a router Link.
`linkProp`	string	`'href'`	Name of the destination prop on `linkComponent` (e.g. "to" for react-router).
`className`	string	`''`	Extra classes for the root element.
`children`	ReactNode	–	Content.
`...rest`		–	Any other props are passed to the underlying element.