Horje
alpinejs Code Example
alpine js 
<div x-data="{ open: false }">
    <button @click="open = true">Open Dropdown</button>

    <ul
        x-show="open"
        @click.away="open = false"
    >
        Dropdown Body
    </ul>
</div>
Source: github.com
alpine js 
<div x-data="{ tab: 'foo' }">
    <button :class="{ 'active': tab === 'foo' }" @click="tab = 'foo'">Foo</button>
    <button :class="{ 'active': tab === 'bar' }" @click="tab = 'bar'">Bar</button>

    <div x-show="tab === 'foo'">Вкладка Foo</div>
    <div x-show="tab === 'bar'">Вкладка Bar</div>
</div>
Source: github.com
alpine js 
< script  src = " https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.xx/dist/alpine.min.js " defer > </ script >
Source: github.com
alpinejs 
<html>  <head>    ...     <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>  </head>  ...</html>
Source: alpinejs.dev



Javascript

Related
js null vs undefine Code Example js null vs undefine Code Example
js floor a number Code Example js floor a number Code Example
jquery get id of 3rd parent Code Example jquery get id of 3rd parent Code Example
cancellable function Code Example cancellable function Code Example
configuration file must specify a supported nodejs10 version that is compatible with the runtime specified in the deployment. Code Example configuration file must specify a supported nodejs10 version that is compatible with the runtime specified in the deployment. Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 7



 

Horje