Shimoku docs
Search…
⌃K

Beautiful buttons

Creates text with a link embedded
WARNING avoid special symbols such as (, ), [, ] and similar in the texts of this component because it could break the look&feel
Input variables:
title: str
background_url: str
And accepts the following input variable as optional:
href: Optional[str]
Example of use:
create the beautiful button component
url: str = 'https://cutt.ly/qJANGcX'
churn_html = button_click_to_new_tab(title='Churn prediction & Explainability',
background_url=url
)
shimoku.plt.html(
churn_html, menu_path='new-html3',
order=3, rows_size=2, cols_size=12,
)
The result is:
The text has a link embedded, all the space (cols_size=12) of the component is clickable and will take you to a new window.
You can resize, change position and text at will, for example:
# button_click_to_new_tab component
url: str = 'https://cutt.ly/qJANGcX'
churn_html = button_click_to_new_tab(title='Churn prediction & Explainability',
background_url=url
)
shimoku.plt.html(
churn_html, menu_path='new-html3a',
order=3, rows_size=2, cols_size=5,
padding='1,0,0,6',
)
With padding='1,0,0,6', it has a new position. The order of spaces is Top, Right, Bottom, Left.
More on how to use the Grid.

Video demonstration