{
"cells": [
{
"cell_type": "markdown",
"metadata": {},
"source": [
""
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# Icon\n",
"\n",
"\n",
"Icon [component](00_components.ipynb) creation in Epyk will be using the function icon from the ui property.\n",
"\n",
"the ui entry point will give you access to all the registered components.\n",
"Different flavour of buttons are available in the framework.\n",
"\n",
"Icon will rely as underlying module to font-awesome module.\n",
"\n",
"## Basic icon"
]
},
{
"cell_type": "code",
"execution_count": 2,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"\n",
"\n",
"\n",
"\n",
"\n",
"\n",
""
],
"text/plain": [
""
]
},
"execution_count": 2,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from epyk.core.Page import Report\n",
"\n",
"rptObj = Report()\n",
"button = rptObj.ui.icon(\"fab fa-python\")\n",
"\n",
"rptObj.outs.jupyter()"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"### Other icons\n",
"\n",
"Other flavours of icons are available from the property **buttons**."
]
},
{
"cell_type": "code",
"execution_count": 5,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"\n",
"\n",
"\n",
"\n",
"\n",
"\n",
"\n",
"\n",
"\n",
""
],
"text/plain": [
""
]
},
"execution_count": 5,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from epyk.core.Page import Report\n",
"\n",
"rptObj = Report()\n",
"rptObj.ui.icons.refresh()\n",
"rptObj.ui.icons.clock()\n",
"rptObj.ui.icons.facebook()\n",
"rptObj.ui.icons.edit()\n",
"\n",
"rptObj.outs.jupyter()"
]
},
{
"cell_type": "code",
"execution_count": 7,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"\n",
"\n",
"\n",
"\n",
"![](\"https://raw.githubusercontent.com/epykure/epyk-ui/master/epyk/static/images/epyklogo.ico\")
\n",
"\n",
""
],
"text/plain": [
""
]
},
"execution_count": 7,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from epyk.core.Page import Report\n",
"\n",
"rptObj = Report()\n",
"rptObj.ui.icons.epyk()\n",
"\n",
"rptObj.outs.jupyter()"
]
},
{
"cell_type": "code",
"execution_count": 11,
"metadata": {},
"outputs": [
{
"data": {
"text/html": [
"\n",
"\n",
"\n",
"\n",
"\n",
"Example\n",
"Example\n",
"\n",
""
],
"text/plain": [
""
]
},
"execution_count": 11,
"metadata": {},
"output_type": "execute_result"
}
],
"source": [
"from epyk.core.Page import Report\n",
"\n",
"rptObj = Report()\n",
"rptObj.ui.icons.tick(True, text=\"Example\")\n",
"rptObj.ui.icons.tick(False, text=\"Example\")\n",
"\n",
"rptObj.outs.jupyter()"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"Go back to the tutorials page\n",
"
\n",
"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.\n",
"\n",
"Also any help is more than welcome !"
]
}
],
"metadata": {
"kernelspec": {
"display_name": "Python 3",
"language": "python",
"name": "python3"
},
"language_info": {
"codemirror_mode": {
"name": "ipython",
"version": 3
},
"file_extension": ".py",
"mimetype": "text/x-python",
"name": "python",
"nbconvert_exporter": "python",
"pygments_lexer": "ipython3",
"version": "3.8.2"
}
},
"nbformat": 4,
"nbformat_minor": 4
}
![](\"../../static/images/epyklogo_whole_small.png\")
\n",
" \n",
"