Skip to content
Zonvoir Table LogoZonvoir Table

Button & Badge Variants

Variants control the visual treatment of actions and badges while keeping their meaning and behavior unchanged.

Actions support four variants: solid, outline, ghost, and link. Use solid for the primary action, and choose a quieter variant for secondary actions.

use Zonvoir\InertiaTable\Action;
Action::make('Edit')
->variant('outline')
->variantColor('blue');
Action::make('View details')
->variant('link')
->variantColor('indigo');

You can also pass ButtonVariant when you prefer enums:

use Zonvoir\InertiaTable\Enums\ButtonVariant;
Action::make('Archive')
->variant(ButtonVariant::Ghost);

Badge columns support solid, outline, and ghost. Their default is outline.

use Zonvoir\InertiaTable\Columns\BadgeColumn;
BadgeColumn::make('status')
->variant('solid')
->colors([
'active' => 'green',
'pending' => 'amber',
'blocked' => 'red',
]);

For convenience, badge columns also provide solid(), outline(), and ghost().

BadgeColumn::make('status')
->solid()
->colors(['active' => 'green']);

See Colors for the built-in palette and custom-color setup.