Download the PHP package souravdutt/techgeeta-tools-ui without Composer
On this page you can find all versions of the php package souravdutt/techgeeta-tools-ui. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download souravdutt/techgeeta-tools-ui
More information about souravdutt/techgeeta-tools-ui
Files in souravdutt/techgeeta-tools-ui
Package techgeeta-tools-ui
Short Description TechGeeta UI for Tools to help keep same branding in all tools.
License
Informations about the package techgeeta-tools-ui
TechGeeta Tools UI - Component Library
A comprehensive Laravel Blade component library for maintaining consistent branding across all TechGeeta tools.
Overview
This package has been transformed from a utility class-based approach to a robust component-based system. Instead of using CSS classes like .btn-primary or .card, you now use Blade components like <x-ui::button> and <x-ui::card>.
TechGeeta Tools UI - Component Library
A comprehensive Laravel Blade component library for maintaining consistent branding across all TechGeeta tools.
Overview
This package has been transformed from a utility class-based approach to a robust component-based system. Instead of using CSS classes like .btn-primary or .card, you now use Blade components like <x-ui::button> and <x-ui::card>.
🔧 Installation
-
Install via Composer:
-
Publish assets:
- The components are automatically registered and ready to use.
📁 Local Development Setup (Symlink Path Repository)
Make sure your main app's composer.json includes:
🧩 Available Components
Button Component
Input Component
Card Component
Modal Component
Tabs Component
Badge Component
Alert Component
Dropdown Component
Toggle Component
Radio Group Component (Enhanced)
Layout Components
🎨 Utility Classes Still Available
Some utility classes are still provided for common layouts:
🌙 Dark Mode Support
All components automatically support dark mode through Tailwind's dark mode classes. The theme is controlled by the app layout component.
🎛️ Styling Customization
Components use Tailwind CSS classes for styling. You can customize appearance by:
- Extending component classes in your app's CSS
- Using Tailwind's configuration for theme customization
- Overriding component templates by publishing views
🔄 Migration from Class-Based Approach
Before (Class-based):
After (Component-based):
✨ Benefits
- Type Safety: Components provide better IDE support and error checking
- Consistency: Enforced design patterns across all tools
- Maintainability: Changes to components automatically propagate to all tools
- Flexibility: Easy to extend and customize components
- Accessibility: Built-in ARIA attributes and keyboard navigation
- Dark Mode: Automatic dark mode support
- Developer Experience: Better IntelliSense and auto-completion
🤝 Contributing
When adding new components:
- Create the PHP component class in
src/View/Components/ - Create the Blade template in
resources/views/components/ - Register the component in
BrandingUIServiceProvider.php - Add documentation and examples to this README
📄 License
This package is proprietary to TechGeeta and is intended for use across TechGeeta tools only.
🛠 Development Workflow
-
Package autoloads views from:
src/resources/views -
Components live under:
TechGeeta\BrandingUI\View\Components - Namespace prefix:
ui::
🚀 Publishing for Production
To publish assets or configs (if applicable):
📁 Local Package Usage (Symlink Path Repository)
-
Make sure your main app's composer.json includes:
- Run
composer require ../techgeeta-tools-ui:dev-mainin your main app.- ^--- Use the correct relative path to your local package.