/ config / popper.php
popper.php
  1  <?php
  2  
  3  return [
  4  
  5      /*
  6      * These files are needed, you can publish then and change the injection mode to asset
  7      * or leave as they are, so the package will inject the CDN.
  8      *
  9      * If another package or your front end is already injecting them, you can disable them.
 10      *
 11      * Don't forget to add the @include('popper::assets') in your views.
 12      */
 13      'popper' => [
 14          'active' => true,
 15          'mode' => 'asset',
 16          'cdn' => 'https://unpkg.com/popper.js@1',
 17          'asset' => 'js/laravel-popper/popper.js',
 18      ],
 19      'tippy' => [
 20          'active' => true,
 21          'mode' => 'asset',
 22          'cdn' => 'https://unpkg.com/tippy.js@4',
 23          'asset' => 'js/laravel-popper/index.all.min.js',
 24      ],
 25  
 26      /*
 27       * Path location to the themes files.
 28       * Popper will only inject the used themes.
 29       */
 30      'themes-path' => base_path() . '/vendor/andcarpi/laravel-popper/resources/css/',
 31  
 32      /*
 33       * If you have problems with small tooltips, you probably using bootstrap 3.
 34       * Activate this configuration to inject some fixing css to your views.
 35       */
 36      'fix-bs3' => false,
 37  
 38      /*
 39       * Values to use for all the tooltips, change if you want
 40       * You can also use the class config helpers to customize them
 41       */
 42      'defaultConfig' => [
 43  
 44          /*
 45           * Tooltip Arrow pointing the parent element
 46           *
 47           * Active true to have an arrow at the tooltip, false to not
 48           *
 49           * Type can be 'sharp' or 'round'
 50           */
 51          'arrow' => [
 52              'active' => false,
 53              'type' => 'sharp',
 54          ],
 55  
 56          /*
 57           * Tooltip placement based on the element
 58           *
 59           * Position can be: 'top', 'right', 'left' or 'bottom'
 60           *
 61           * Alignment will align based on the axis it is positioned.
 62           * Values: 'start', 'center', 'end'
 63           *
 64           */
 65          'placement' => [
 66              'position' => 'left',
 67              'alignment' => 'center',
 68          ],
 69  
 70          /*
 71           * Tooltip theme
 72           * Values: 'dark', 'light', 'google', 'light-border'
 73           */
 74          'theme' => 'dark',
 75  
 76          /*
 77           * What will trigger the Tooltip
 78           *
 79           */
 80          'trigger' => [
 81              'mouseenter' => true,
 82              'focus' => true,
 83              'click' => false,
 84          ],
 85  
 86          /*
 87           * Tooltip size
 88           *
 89           * Values: 'small', 'regular', 'large'
 90           */
 91          'size' => 'regular',
 92  
 93          /*
 94           * The distance the tooltip will have from the parent element
 95           *
 96           * Must be an integer
 97           */
 98          'distance' => 10,
 99  
100          /*
101           * Tooltip animation when showing/hiding and the animation duration
102           *
103           * Modes available are 'shift-away', 'shift-toward', 'scale', 'fade'
104           *
105           * Show and Hide duration must be integers
106           */
107          'animation' => [
108              'mode' => 'shift-away',
109              'show_duration' => 275,
110              'hide_duration' => 250,
111          ],
112  
113          /*
114           * Time to wait before the Tooltip Show and Hide
115           *
116           * Must be integer
117           */
118          'delay' => [
119              'show' => 0,
120              'hide' => 20,
121          ],
122  
123          /*
124           * Enable the user to interact with the tooltip, to copy, or click elements.
125           */
126          'interactive' => true,
127      ],
128  ];