G-Loot DS — drawer structure

by Augustin Hiebel

HTML

<div className="drawer h-56 surface rounded-lg">
   <input id="drawer-1" type="checkbox" className="drawer-toggle" />
   <div className="drawer-content flex flex-col items-center justify-center">
     <label htmlFor="drawer-1" className="button button-primary drawer-button">Open drawer</label>
   </div>
   <div className="drawer-side">
     <label htmlFor="drawer-1" className="drawer-overlay"></label>
     <div className='p-4 overflow-y-auto w-1/2 lg:w-80 bg-ui-700 text-base-content'>
       <ul className="menu">
         <li><a><span>Item 1</span></a></li>
         <li><a><span>Item 2</span></a></li>
         <li><a><span>Item 3</span></a></li>
       </ul>
     </div>
   </div>
 </div>