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 ];