is now part of Shuffle™. The new editor includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.
Switch to Shuffle →

Bootstrap class: .btn-link

<button type="button" class="btn btn-link">Link</button>

Preview

Check .btn-link in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Tips 💡

Sass source

/* _buttons.scss:80 */
.btn-link {
  font-weight: $font-weight-normal;
  color: $link-color;
  background-color: transparent;

  @include hover {
    color: $link-hover-color;
    text-decoration: $link-hover-decoration;
    background-color: transparent;
    border-color: transparent;
  }

  &:focus,
  &.focus {
    text-decoration: $link-hover-decoration;
    border-color: transparent;
    box-shadow: none;
  }

  &:disabled,
  &.disabled {
    color: $btn-link-disabled-color;
    pointer-events: none;
  }

  // No need for an active state here
}

Uses variables

Code copied to the clipboard.

Copying failed

/* _buttons.scss:80 */
$font-weight-normal
$link-color
$link-hover-color
$link-hover-decoration
$link-hover-decoration
$btn-link-disabled-color

More in Bootstrap Buttons