Epyk cheatsheet
Page
Function |
Description |
---|---|
page.theme |
Change theme of the page |
page.theme.colors |
Get the theme colors |
page.ui |
Get all the components in the framework |
page.body |
Get the body (main component) of the page on which components will be attached to. |
page.js |
Get access to the JavaScript standard features |
page.outs |
Page output property (html, codepen, Jupyter….) |
JavaScript
Function |
Description |
---|---|
page.js.post / js.get |
Call a backend REST API. |
page.js.console.log |
Add a log to the browser console. |
page.js.alert |
Display an alert to the page. |
Style
Component
Function |
Description |
---|---|
style.css |
Get all the CSS properties |
js |
Get the component specific js features |
dom.content |
Get the component value on the UI side |
click |
Add UI click event on the component |
build |
Update a component in a UI event function |
Popular components
Function |
Description |
---|---|
page.ui.row |
|
page.ui.div |
|
page.ui.text |
|
page.ui.icon |
|
page.ui.buttons.colored |
|
page.ui.col |
|
page.ui.grid |
|
page.ui.table |
Component categories
Function |
Description |
---|---|
page.ui.codes |
|
page.ui.pollers |
|
page.ui.network |
|
page.ui.sliders |
|
page.ui.titles |
|
page.ui.links |
|
page.ui.navigation |
|
page.ui.bars |
|
page.ui.banners |
|
page.ui.pictos |
|
page.ui.rich |
|
page.ui.vignets |
|
page.ui.numbers |
|
page.ui.texts |
|
page.ui.images |
|
page.ui.lists |
|
page.ui.geo |
|
page.ui.buttons |
|
page.ui.tables |
|
page.ui.steps |
|
page.ui.drawers |
|
page.ui.steppers |
|
page.ui.media |
|
page.ui.inputs |
|
page.ui.fields |
|
page.ui.timelines |
|
page.ui.icons |
|
page.ui.menus |
|
page.ui.panels |
|
page.ui.layouts |
|
page.ui.forms |
|
page.ui.modals |
|
page.ui.charts |
|
page.ui.tags |
|
page.ui.calendars |