一个Laravel框架的Tailwind CSS前端预设

网友投稿 850 2022-10-24

一个Laravel框架的Tailwind CSS前端预设

一个Laravel框架的Tailwind CSS前端预设

Laravel 7.0+ Frontend preset for Tailwind CSS

A Laravel front-end scaffolding preset for Tailwind CSS - a Utility-First CSS Framework for Rapid UI Development.

Usage

Fresh install Laravel >= 7.0 and cd to your app.Install this preset via composer require laravel-frontend-presets/tailwindcss --dev. Laravel will automatically discover this package. No need to register the service provider.

a. For Presets without Authentication

Use php artisan ui tailwindcss for the basic Tailwind CSS presetnpm install && npm run devphp artisan serve (or equivalent) to run server and test preset.

b. For Presets with Authentication

Use php artisan ui tailwindcss --auth for the basic preset, auth route entry, and Tailwind CSS auth views in one go. (NOTE: If you run this command several times, be sure to clean up the duplicate Auth entries in routes/web.php)npm install && npm run devConfigure your favorite database (mysql, sqlite etc.)php artisan migrate to create basic user tables.php artisan serve (or equivalent) to run server and test preset.

Config

The default tailwind.config.js configuration file included by this package simply uses the config from the Tailwind vendor files. Should you wish to make changes, you should remove the file and run node_modules/.bin/tailwind init, which will generate a fresh configuration file for you, which you are free to change to suit your needs.

Add a new i18n string in the resources/lang/XX/pagination.php file for each language that your app uses:

'previous' => '« Previous','next' => 'Next »','goto_page' => 'Goto page #:page', // Add this line

This should help with accessibility

  • 2
  • Screenshots

    版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

    上一篇:datastream.io- 实时异常检测的开源框架
    下一篇:SocketCluster - 高度可伸缩的实时微框架
    相关文章

     发表评论

    暂时没有评论,来抢沙发吧~