#!/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>

# # Icon
# 
# 
# Icon [component](00_components.ipynb) creation in Epyk will be using the function icon 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>
# 
# Icon will rely as underlying module to font-awesome module.
# 
# ## Basic icon

# In[2]:


from epyk.core.Page import Report

rptObj = Report()
button = rptObj.ui.icon("fab fa-python")

rptObj.outs.jupyter()


# ### Other icons
# 
# Other flavours of icons are available from the property **buttons**.

# In[5]:


from epyk.core.Page import Report

rptObj = Report()
rptObj.ui.icons.refresh()
rptObj.ui.icons.clock()
rptObj.ui.icons.facebook()
rptObj.ui.icons.edit()

rptObj.outs.jupyter()


# In[7]:


from epyk.core.Page import Report

rptObj = Report()
rptObj.ui.icons.epyk()

rptObj.outs.jupyter()


# In[11]:


from epyk.core.Page import Report

rptObj = Report()
rptObj.ui.icons.tick(True, text="Example")
rptObj.ui.icons.tick(False, text="Example")

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 !