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&feelInput 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.Last modified 6mo ago