G-Loot DS — drawer right

by Augustin Hiebel

HTML

<div className="drawer drawer-right h-56 surface rounded-lg">
  <input id="drawer-3" type="checkbox" className="drawer-toggle" />
  <div className="drawer-content flex flex-col items-center justify-center">
    <label htmlFor="drawer-3" className="button button-primary drawer-button">Open drawer</label>
  </div>
  <div className="drawer-side">
    <label htmlFor="drawer-3" 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>