Introduction

Installation

Black Friday Mega Offer!

Huge discounts on all Hostinger plans

Use our referral link for an extra 20% off!

# Requirements

# Installation

composer require developermithu/tallcraftui

php artisan install:tallcraftui

Modify tailwind.config.js

export default {
    darkMode: "class",
 
    theme: {
        extend: {
            // .....
 
            colors: {
                primary: "#6d28d9",
                secondary: "#a21caf",
            },
        },
    },
};

Start the development server, and you're all set to begin working:

pnpm dev # or `npm run dev`

# Publish the configuration file (optional)

To rename TallCraftUI or customize component settings, publish the 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', ''),
];

Add TALLCRAFTUI_PREFIX variable to your .env file:

TALLCRAFTUI_PREFIX=""

After modifying, ensure you clear the view cache:

php artisan view:clear

# Existing projects

When working with existing projects that utilize Jetstream or Breeze, the installer will automatically publish a config/tallcraftui.php file, applying a global tc- prefix on TallCraftUI components to prevent naming conflicts. Therefore, you'll need to use components like this:

<x-tc-button />