qisti/smart-ui-qisti

There is no license information available for the latest version (0.1.0.9) of this package.

Local Smart UI components for the Qisti app.

0.1.0.9 2025-12-27 06:45 UTC

Unknown License

README

1. Include the package in composer

composer require qisti/smart-ui-qisti

1. Run package installation

composer install

1. Publish the CSS/Tailwind

php artisan vendor:publish --tag=smartuiqisti-assets

1. Importing smart ui css into your main css

@import './smartuiqisti/app.css';

1. Publish blade view

php artisan vendor:publish --tag=smartuiqisti-views

1. Publish smartui configuration

php artisan vendor:publish --tag=smartuiqisti-config

1. Use of the component

 <x-smartuiqisti::forms.upload-form 
    label="Supporting Document"
    max-file="5"
    max-size="50000"
    accept=".csv,.xls,.xlsx,.zip,.pdf,.png,.jpg,.jpeg"
    required
    preview-outside
    bulk-delete
    wire:model="xxx"
/>

🎨 Theme & Color Controls

Attribute	Description
main-color	Primary UI accent color
dropzone-color	Dropzone background color
dropzone-border-color	Dropzone border color
dropzone-active-color	Dropzone active state background

<x-smartuiqisti::forms.upload-form
    main-color="#000000"
    dropzone-color="#f5f3ff"
    dropzone-border-color="#c4b5fd"
    dropzone-active-color="#ede9fe"
/>

🎯 Styling Hooks

Attribute	Description
label-class	Label styling
inner-icon-class	Upload icon styling
inner-title-class	Title styling
inner-title-sub-class	Subtitle styling
inner-accepted-class	Accepted file text styling

<x-smartuiqisti::forms.upload-form
    label-class="text-sm font-semibold text-gray-700"
    inner-icon-class="text-indigo-600"
    inner-title-class="text-base font-bold"
    inner-title-sub-class="text-xs text-gray-500"
    inner-accepted-class="text-xs italic text-gray-400"
/>

🤖 AI & File Optimization

Attribute	Description
ai-enable	Enable AI-powered extraction & scanning
auto-compress	Automatically compress large files before upload

<x-smartuiqisti::forms.upload-form
    ai-enable
    auto-compress
/>