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
Code highlighting powered by Torchlight