Blade Components

components.blade.php

{{-- Tabs --}}

<x-tabs defaultValue="year">
  <x-tabs-list>
    <x-tabs-trigger icon="chart-bar" value="year">Charts by year</x-tabs-trigger>
    <x-tabs-trigger icon="trending-up" value="trends">Trends</x-tabs-trigger>
  </x-tabs-list>
  <x-tabs-content value="year"> Chart for Year </x-tabs-content>
  <x-tabs-content value="trends"> Chart for Trends </x-tabs-content>
</x-tabs>

{{-- Dropdown --}}

<x-dropdown>
  <x-dropdown-trigger icon="print"> Print </x-dropdown-trigger>

  <x-dropdown-content>
    <x-dropdown-item>Section</x-dropdown-item>
    <x-dropdown-item>Full Page</x-dropdown-item>
    <x-dropdown-item>Selected Area</x-dropdown-item>
  </x-dropdown-content>
</x-dropdown>