TallCraftUI
Configurations
Customize the default behavior and appearance of the component by editing the configuration file.
# Publish the configuration file
Run the following command to publish the tallcraftui.php
configuration file:
php artisan vendor:publish --tag=tallcraftui-config
return [ /** * -------------------------------------------------------------------------- * Default Component Prefix * -------------------------------------------------------------------------- * * The prefix applied to all components. After changing this value, be sure * to clear the view cache using `php artisan view:clear`. * * Examples: * * 'prefix' => '' // <x-input /> * 'prefix' => 'tc-' // <x-tc-input /> * */ 'prefix' => env('TALLCRAFTUI_PREFIX', ''), /** * -------------------------------------------------------------------------- * Icon Configuration * -------------------------------------------------------------------------- * * The default icon settings for the components. You can specify the type * and style of icons that should be used. * * type => Allowed: heroicons * style => Allowed: outline, solid * */ 'icons' => [ 'type' => 'heroicons', 'style' => 'outline', ], /** * -------------------------------------------------------------------------- * UI Components * -------------------------------------------------------------------------- * * Configure the appearance and behavior of ui components. */ 'alert' => [ 'border-radius' => BorderRadius::Rounded->value, ], 'badge' => [ 'border-radius' => BorderRadius::Rounded->value, ], 'breadcrumb' => [ 'border-radius' => BorderRadius::Rounded->value, ], 'button' => [ 'size' => Size::MD->value, 'border-radius' => BorderRadius::Rounded->value, ], 'dropdown' => [ 'width' => Width::W48->value, 'shadow' => Shadow::Shadow->value, 'position' => Position::TOP->value, 'border-radius' => BorderRadius::Rounded->value, ], 'modal' => [ 'size' => Size::LG->value, 'blur' => false, // Allowed: true, false 'position' => Position::TOP->value, 'border-radius' => BorderRadius::RoundedLg->value, ], 'stat' => [ 'border-radius' => BorderRadius::RoundedLg->value, ], 'menu' => [ 'width' => Width::W56->value, 'shadow' => Shadow::Shadow->value, 'border-radius' => BorderRadius::RoundedMd->value, ], /** * -------------------------------------------------------------------------- * Form Components * -------------------------------------------------------------------------- * * Configure the appearance and behavior of form components. */ 'checkbox' => [ 'size' => Size::MD->value, 'border-radius' => BorderRadius::Rounded->value, ], 'input' => [ 'border-radius' => BorderRadius::Rounded->value, ], 'radio' => [ 'size' => Size::MD->value, ], 'select' => [ 'border-radius' => BorderRadius::Rounded->value, ], 'textarea' => [ 'border-radius' => BorderRadius::Rounded->value, ], 'toggle' => [ 'border-radius' => BorderRadius::Rounded->value, ],];
# Clear view cache
After modifying the configuration file, clear the view cache using the following command:
php artisan view:clear