1. Go to this page and download the library: Download xplodman/filament-count-up library. Choose the download type require.
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
xplodman / filament-count-up example snippets
return [
// Used whenever a component/column does not explicitly set its own value.
'decimals' => 0,
'duration' => 1000,
'thousands_separator' => ',',
'decimal_separator' => '.',
];
use Xplodman\CountUp\CountUpPlugin;
public function panel(Panel $panel): Panel
{
return $panel
// ...
->plugins([
CountUpPlugin::make(),
]);
}
use Xplodman\CountUp\CountUpPlugin;
CountUpPlugin::make()
->duration(1200) // ms, defaults to count-up.duration
->decimals(2) // forces this many decimals on every auto-animated stat
->thousandsSeparator(',') // defaults to count-up.thousands_separator
->decimalSeparator('.'); // defaults to count-up.decimal_separator
use Filament\Widgets\StatsOverviewWidget\Stat;
use Xplodman\CountUp\Facades\CountUpStat;
Stat::make('Total sales', CountUpStat::make($totalSales, decimals: 2, prefix: 'EGP '));
use Xplodman\CountUp\Tables\Columns\CountUpColumn;
CountUpColumn::make('current_balance')
->countUpDecimals(2)
->countUpPrefix('EGP ')
->countUpDuration(750);
Loading please wait ...
Before you can download the PHP files, the dependencies should be resolved. This can take some minutes. Please be patient.