ComponentsTextLink

TextLink

A text link component that can be used to navigate to other pages.




The TextLink component is a text link component that can be used to navigate to other pages. It uses the Link component from Next.js to create a link to another page. The TextLink component can be customized with different styles and options to fit the design of your application.




Props

The TextLink component accepts the following props:

NameTypeDefaultDescription
childrennodeThe content of the text link component.
hrefstringThe URL of the page to navigate to.
classNamestringAdditional classes to apply to the text link component.
iconbooleanfalseWhether to show an icon next to the text link component.
growbooleanfalseWhether to grow the text link component on hover.
fadebooleanfalseWhether to fade the text link component on hover.
underlinebooleanfalseWhether to underline the text link component on hover.
underlineHeightstringpxThe height of the underline for the text link component.
selectedbooleanfalseWhether the text link component is selected.



Usage Examples

Basic Text Link

Text Link with Icon

Red Text Link with Grow Effect

Green Text Link with Fade Effect

Text Link with Underline