Link

Documentation and examples for links.

• Primary
• Secondary
• Success
• Danger
• Warning
• Info
• Light
• Dark

• Primary
• Secondary
• Success
• Danger
• Warning
• Info
• Light
• Dark

  @php
    $names = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']
  @endphp

  <ul class="list-inline">
    @foreach ($names as $item)
      <li class="list-inline-item">
        <x-link :class="'btn btn-' . $item" href="#" :text="ucfirst($item)"/>
      </li>
    @endforeach
  </ul>

  <ul class="list-inline">
    @foreach ($names as $item)
      <li class="list-inline-item">
        <x-link :class="'btn btn-outline-' . $item" href="#" :text="ucfirst($item)"/>
      </li>
    @endforeach
  </ul>

• Link
• Without btn classes
• disabled
• btn-sm
• btn-lg

  <ul class="list-inline">
    <li class="list-inline-item">
      <x-link class="btn btn-link" href="#" text="Link"/>
    </li>

    <li class="list-inline-item">
      <x-link href="#" text="Without btn classes"/>
    </li>

    <li class="list-inline-item">
      <x-link class="btn btn-primary disabled" href="#" text="disabled"/>
    </li>

    <li class="list-inline-item">
      <x-link class="btn btn-primary btn-sm" href="#" text="btn-sm"/>
    </li>

    <li class="list-inline-item">
      <x-link class="btn btn-primary btn-lg" href="#" text="btn-lg"/>
    </li>
  </ul>