#!/usr/bin/env python
# coding: utf-8

# <div style="float:left;margin:0 10px 10px 0" markdown="1">
#     <a href="../../index.ipynb">
#         <img src="../../static/images/epyklogo_whole_small.png">
#     </a>
# </div>

# # Drawer
# 
# Drawer [component](00_components.ipynb) creation in Epyk will be using the function **drawer** from the ui property.
# <i>
# the ui entry point will give you access to all the registered components.
# Different flavour of buttons are available in the framework.</i>
# 
# ## Basic drawer

# In[4]:


from epyk.core.Page import Report

rptObj = Report()

d = rptObj.ui.drawer()
d.add_panel(rptObj.ui.button("Test1"), "ok1")
d.add_panel(rptObj.ui.button("Test2"), "ok2")
d.add_panel(rptObj.ui.button("Test3"), "ok3")


rptObj.outs.jupyter()


# In[5]:


from epyk.core.Page import Report

rptObj = Report()

d = rptObj.ui.drawer()
d.add_panel(rptObj.ui.button("Test1"), "ok1")
d.add_panel(rptObj.ui.button("Test2"), "ok2")
d.add_panel(rptObj.ui.button("Test3"), "ok3")
button = rptObj.ui.button("Test")
d.set_handle(button)

rptObj.outs.jupyter()


# <a href="00_components.ipynb" target="_self">Go back to the tutorials page</a>
# <hr>
# Do not forget that this is a collaborative framework so do not hesitate to give feedbacks and like the different repository to get more visbility.
# 
# Also any help is more than welcome !