adonisjs-ui

Setup

Install the package:

node ace add adonisjs-ui

Import Tailwind CSS and Adonisjs UI in your CSS

/* resources/css/app.css */

@import "tailwindcss";
@import "adonisjs-ui";

Usage

@ui.button({ type: 'primary' })
  Button
@end

<!-- or -->

@component("ui::button", { type: 'primary' })
  Button
@end

<!-- or -->

<ui:button type="primary">Button</ui:button>

<!-- or using `edge-tags` -->
<x-ui::button type="primary">Button</x-ui::button>

License

Published under the MIT license. Made by community 💛