A Pen by andreas jv on CodePen.
neisdev
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html class="light-style layout-menu-fixed" data-theme="theme-default" data-assets-path="https://demos.themeselection.com/sneat-bootstrap-html-laravel-admin-template-free/demo/assets/" data-base-url="https://demos.themeselection.com/sneat-bootstrap-html-laravel-admin-template-free/demo" data-framework="laravel" data-template="vertical-menu-laravel-template-free"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> | |
| <title>Toasts - UI elements | Sneat - HTML Laravel Free Admin Template </title> | |
| <meta name="description" content="Most Powerful & Comprehensive Bootstrap 5 HTML Admin Dashboard Template built for developers!"> | |
| <meta name="keywords" content="dashboard, bootstrap 5 dashboard, bootstrap 5 design, bootstrap 5, bootstrap 5 free, free admin template"> | |
| <!-- laravel CRUD token --> |
A Pen by Amadeo Mancuso on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="myeditor" class="editor"></div> | |
| <div id="output"></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body class="antialiased sans-serif bg-gray-300"> | |
| <!-- Alert Box --> | |
| <div class="fixed w-full z-50 flex inset-0 items-start justify-center pointer-events-none md:mt-5" x-data="{ | |
| message: '', | |
| showFlashMessage(event) { | |
| this.message = event.detail.message; | |
| setTimeout(() => this.message = '', 3000) | |
| } | |
| }"> | |
| <template x-on:flash.window="showFlashMessage(event)"></template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- This example requires Tailwind CSS v2.0+ --> | |
| <div class="min-h-screen bg-white"> | |
| <nav class="bg-white border-b border-gray-200"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <img class="block lg:hidden h-8 w-auto" src="https://tailwindui.com/img/logos/workflow-mark-indigo-600.svg" alt="Workflow"> | |
| <img class="hidden lg:block h-8 w-auto" src="https://tailwindui.com/img/logos/workflow-logo-indigo-600-mark-gray-800-text.svg" alt="Workflow"> | |
| </div> |
neisdev
/ alpine-js-intersectionobserver-enter-leave.markdown
Created
October 8, 2023 22:10
Alpine.js IntersectionObserver @Enter @Leave
Training integration of this template: https://d13yacurqjgara.cloudfront.net/users/207046/screenshots/3029510/attachments/634840/contact-profile-4-notes.png
A Pen by Leonardo BALLAND on CodePen.
NewerOlder