Setting Up AlpineJS

If you haven't setup AlpineJS before, there are 2 ways to include it in your project.

  • With a <script> tag
  • Importing as a module

For simplicity, most of our code uses the script tag to include AlpineJS. To use this method, just include the script tag from your downloaded files in the head section of your layout, like:

<head>

OTHER HEAD CODE HERE

<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
</head>

Note: Be sure to include any necessary AlpineJS plugin files prior to the core AlpineJS file.

If you prefer the module based approach, you can implement that easily by following the official installation guide: https://alpinejs.dev/essentials/installation#as-a-module

TeakUI Components

Page Layouts

Navigation

Copyright © 2024 Hey Teak. A project by @tjwebdev.