LinkLine Component - All Combinations

All Types (Default Size: 11px)

default
default link
default with href
default disabled
danger
danger link
danger with href
danger disabled
warning
warning link
warning with href
warning disabled
success
success link
success with href
success disabled
info
info link
info with href
info disabled
featured
featured link
featured with href
featured disabled

All Sizes (Default Type)

11px
Size 11px
Size 11px with href
Size 11px disabled
12px
Size 12px
Size 12px with href
Size 12px disabled
13px
Size 13px
Size 13px with href
Size 13px disabled

All Combinations (Type × Size × State)

default

Size: 11px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 12px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 13px
Normal
Click me
With href
Go to Google
Disabled
Disabled link

danger

Size: 11px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 12px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 13px
Normal
Click me
With href
Go to Google
Disabled
Disabled link

warning

Size: 11px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 12px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 13px
Normal
Click me
With href
Go to Google
Disabled
Disabled link

success

Size: 11px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 12px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 13px
Normal
Click me
With href
Go to Google
Disabled
Disabled link

info

Size: 11px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 12px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 13px
Normal
Click me
With href
Go to Google
Disabled
Disabled link

featured

Size: 11px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 12px
Normal
Click me
With href
Go to Google
Disabled
Disabled link
Size: 13px
Normal
Click me
With href
Go to Google
Disabled
Disabled link

Copyable

Hover over each link to reveal the copy icon sliding in from the right. Click it to copy the content to clipboard.

Button — copies text
company/example
Link with href — copies copyContent (full URL)
company/octolane-ai
All types
default link
danger link
warning link
success link
info link
featured link
All sizes
Size 11px
Size 12px
Size 13px

Interactive Examples

Click me to see console log
Danger link with action
This link is disabled - click won't work
External link to Google