Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

headless ui modal

npm install @headlessui/react



import { useState } from 'react'
import { Dialog } from '@headlessui/react'

function MyDialog() {
  let [isOpen, setIsOpen] = useState(true)

  return (
    <Dialog open={isOpen} onClose={() => setIsOpen(false)}>
      <Dialog.Panel>
        <Dialog.Title>Deactivate account</Dialog.Title>
        <Dialog.Description>
          This will permanently deactivate your account
        </Dialog.Description>

        <p>
          Are you sure you want to deactivate your account? All of your data
          will be permanently removed. This action cannot be undone.
        </p>

        <button onClick={() => setIsOpen(false)}>Deactivate</button>
        <button onClick={() => setIsOpen(false)}>Cancel</button>
      </Dialog.Panel>
    </Dialog>
  )
}
Comment

PREVIOUS NEXT
Code Example
Javascript :: express mysql sessions 
Javascript :: como percorrer um objeto js 
Javascript :: Add additional css class name in react app 
Javascript :: react input radio button 
Javascript :: moment duratuion from hours 
Javascript :: lodash filter array objects 
Javascript :: angular on back skip routes 
Javascript :: redirect to dashboard after login in vue 
Javascript :: download file in react 
Javascript :: export function javascript 
Javascript :: URLSearchParams 
Javascript :: datatable set data of column 
Javascript :: fill array javascript 
Javascript :: return object from map javascript 
Javascript :: state in react 
Javascript :: Redirect user when JavaScript is disabled with noscript 
Javascript :: setting live reload sublime text 3 
Javascript :: create 2d array in javascript filled with 0 
Javascript :: how javascript interpreter works 
Javascript :: for of and for in javascript 
Javascript :: vb net textbox regular expression 
Javascript :: onpress not working when textinput isfocused in react native 
Javascript :: file upload nest 
Javascript :: react snack bar 
Javascript :: django pointfield json example 
Javascript :: how to add background to kaboom js 
Javascript :: display object in array 
Javascript :: validation for start date and end date in jquery 
Javascript :: install svelte router 
Javascript :: array intersection javascript es6 
ADD CONTENT
Topic
Content
Source link
Name
1+9 =