blinq/ui

This is my package ui

v0.0.7 2023-09-27 12:48 UTC

Requires

• php: ^8.1
• illuminate/contracts: ^9.0
• spatie/laravel-package-tools: ^1.14.0

Requires (Dev)

• laravel/pint: ^1.0
• nunomaduro/collision: ^7.9
• orchestra/testbench: ^8.0
• pestphp/pest: ^2.0
• pestphp/pest-plugin-arch: ^2.0
• pestphp/pest-plugin-laravel: ^2.0
• spatie/laravel-ray: ^1.26

MIT

• Lennard

• ui
• laravel
• blinq

README

Dependecies:

• Tailwind CSS
• Alpine JS
• Blinq/Icons

When you use Tailwind CSS

Edit your tailwind.config.js file and add the following lines:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    // ..
    ...require('./vendor/blinq/ui/tailwind.content'), // Add this line
  ],
  theme: {
    extend: {
      fontFamily: {
        // ..
        sans: ["Poppins", "sans-serif"], // Add this line
      },
      colors: {
        // ..
        ...require('./vendor/blinq/ui/tailwind.colors'), // Add this line
      },
    },
  },
}

Add the following lines to your `resources/css/app.css` file:

```css
@import "tailwindcss/base";
...

@import "../../vendor/blinq/ui/resources/css/main.css"; // Add this line

The font

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">