Click to New Tab

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:

s.plt.html(
    order=0,
    html=s.html_components.button_click_to_new_tab(
        title='Churn prediction & Explainability',
        background_url='https://cutt.ly/qJANGcX'
    )
)

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:

s.plt.html(
    order=0, cols_size=5, padding='1,0,0,6',
    html=s.html_components.button_click_to_new_tab(
        title='Churn prediction & Explainability',
        background_url='https://cutt.ly/qJANGcX'
    )
)

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