About Sophat/Elements

Build for SmartERP, and SmartPOS Components

Installation

You can install the package via composer:

composer require sophat/elements

Usage

Inside providers of config/app.php

'providers' => [

    /*
    * Laravel Framework Service Providers...
    */
    ...
    Sophat\Elements\ElementsServicesProvider::class,
]

Inside providers of composer.json

   "autoload": {
        "psr-4": {
            ...
            "Sophat\\Elements\\":"vendor/sophat/elements/src"
        }
    },

Tailwindcss Styling Support:

Add ./vendor/sophat/elements/src/view/*.blade.php inside content to compiling style from package.

content: [
    ...
    "./vendor/sophat/elements/src/view/*.blade.php",
],

If compiling via Laravel Modules package:

const path = require('path'); 

content: [
    ...
    path.join(__dirname, "../../vendor/sophat/**/src/**/*.blade.php"),
    path.join(__dirname, "../../vendor/sophat/**/src/**/**/*.blade.php"),
]

then compile css with Tailwindcss

npm run watch

to start server

php artisan serve

Components

• Elements

  • Buttons : (New)
  • Button Groups : (New)
  • Headers: Coming soon
  • Flyout Menus: Coming soon
  • Banners: Coming soon
  • Badges: Coming soon
  • Dropdowns: Coming soon

• Sections : Coming soon

  • Headings Sections: Coming soon
  • Hero Sections: Coming soon
  • Feature Sections: Coming soon
  • CTA Sections: Coming soon
  • Pricing Sections: Coming soon
  • Header Sections: Coming soon
  • Newsletter Sections: Coming soon
  • Stats: Coming soon
  • Testimonials: Coming soon
  • Blog Sections: Coming soon
  • Contact Sections: Coming soon
  • Team Sections: Coming soon
  • Logo Clouds: Coming soon
  • FAQs: Coming soon
  • Footers: Coming soon

• Page Status : Coming soon

  • 404 Pages: Coming soon
  • 500 Pages: Coming soon

• Layout

  • Container: (New)
  • Card: (New)
  • Panels: Coming soon
  • List containers: Coming soon
  • Media Objects: Coming soon
  • Dividers: Coming soon

• Display

  • Stats: (New)

Contributors

• PPhat

Community

Issues

• All Issues 🚧
• Create New Issues 🚧

Discussions

• Discussions 📣🔔
• Start a new discussion 📣🔔

License

The MIT License (MIT). Please see License File for more information.