Link | Bolio UI - Amazing, modern and creative tools for React UI

Link

Hyperlinks between pages.

General

Preview

See code

Is a reference to the data you can follow directly by tapping.

Highlight

Distinguish links with different colors.

Preview

See code

Is a reference to the data you can follow directly by tapping.

With Icon

Show an icon in the link.

Preview

See code

Is a reference to the data you can follow directly by tapping.

Is a reference to the data you can follow directly by tapping.

Variant

Different styles of links.

Preview

See code

Is a reference to the data you can follow directly by tapping.

Is a reference to the data you can follow directly by tapping.

Is a reference to the data you can follow directly by tapping.

Is a reference to the data you can follow directly by tapping.

Block

Display as a separate block.

Preview

See code

Is a reference to the data you can follow directly by tapping.

With Next/Link

Use Link with NextJS without any configuration.

Preview

See code

APIs

Link.Props

Attribute	Description	Type	Accepted values	Default
href	link url	`string`	-	-
color	display color for link	`boolean`	-	`false`
icon	show icon	`boolean`	-	`false`
underline	display underline	`boolean`	-	`false`
block	display as a separate block	`boolean`	-	`false`
ref	forwardRef	`Ref<HTMLAnchorElement \| null>`	-	-
...	native props	`AnchorHTMLAttributes`	`'rel', 'target', ...`	-

Edit this page on GitHub

Previous

Keyboard

Next

Loading

MADE & DESIGNED WITHBY BRUNO ANDRADE

docs background gradient blue

docs background gradient violet