Numbers Interface

class epyk.interfaces.components.CompNumbers.Numbers(ui)

digits(text: Optional[str] = None, color: Optional[str] = None, align: str = 'center', width: Optional[Union[tuple, int, str]] = None, height: Optional[Union[tuple, int, str]] = None, html_code: Optional[str] = None, tooltip: Optional[str] = None, options: Optional[Union[bool, dict]] = None, profile: Optional[Union[bool, dict]] = None)

The <span> tag is used to group inline-elements in a document.

The <span> tag provides no visual change by itself.

The <span> tag provides a way to add a hook to a part of a text or a part of a document.

Tags:

Categories:

Usage:

page.ui.texts.span("Test")

Underlying HTML Objects:

• epyk.core.html.HtmlText.Position

Related Pages:

https://www.w3schools.com/tags/tag_span.asp

Templates:

https://github.com/epykure/epyk-templates/blob/master/locals/components/numbers.py

Parameters:

• text – Optional. The string value to be displayed in the component.

• color – Optional. The color of the text.

• align – Optional. The position of the icon in the line (left, right, center).

• width – Optional. A tuple with the integer for the component width and its unit.

• height – Optional. A tuple with the integer for the component height and its unit.

• html_code – Optional. An identifier for this component (on both Python and Javascript side).

• tooltip – Optional. A string with the value of the tooltip.

• options – Optional. Specific Python options available for this component.

• profile – Optional. A flag to set the component performance storage.

dollar(number: float = 0, title: Optional[str] = None, label: Optional[str] = None, icon: Optional[str] = None, color: Optional[str] = None, tooltip: Optional[str] = None, html_code: Optional[str] = None, options: Optional[dict] = None, helper: Optional[str] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), align: str = 'center', profile: Optional[Union[bool, dict]] = None)

Tags:

Categories:

Usage:

page.ui.texts.dollar(289839898, label="test", helper="Ok", icon="fas fa-align-center")

Underlying HTML Objects:

• epyk.core.html.HtmlText.Numeric

Parameters:

• number – Optional. The value to be displayed to the component. Default now.

• title – Optional. A panel title. This will be attached to the title property.

• label – Optional. The text of label to be added to the component.

• icon – Optional. A string with the value of the icon to display from font-awesome.

• color – Optional. The font color in the component. Default inherit.

• tooltip – Optional. A string with the value of the tooltip.

• html_code – Optional. An identifier for this component (on both Python and Javascript side).

• options – Optional. Specific Python options available for this component.

• helper – Optional. A tooltip helper.

• width – Optional. A tuple with the integer for the component width and its unit.

• align – Optional. The text-align property within this component.

• profile – Optional. A flag to set the component performance storage.

euro(number: float = 0, title: Optional[str] = None, label: Optional[str] = None, icon: Optional[str] = None, color: Optional[str] = None, tooltip: Optional[str] = None, html_code: Optional[str] = None, options: Optional[dict] = None, helper: Optional[str] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), align: str = 'center', profile: Optional[Union[bool, dict]] = None)

Tags:

Categories:

Usage:

page.ui.texts.euro(289839898, label="test", helper="Ok", icon="fas fa-align-center")

Underlying HTML Objects:

• epyk.core.html.HtmlText.Numeric

Parameters:

• number – Optional. The value to be displayed to the component. Default now.

• title – Optional. A panel title. This will be attached to the title property.

• label – Optional. The text of label to be added to the component.

• icon – Optional. A string with the value of the icon to display from font-awesome.

• color – Optional. The font color in the component. Default inherit.

• tooltip – Optional. A string with the value of the tooltip.

• html_code – Optional. An identifier for this component (on both Python and Javascript side).

• options – Optional. Specific Python options available for this component.

• helper – Optional. A tooltip helper.

• width – Optional. A tuple with the integer for the component width and its unit.

• align – Optional. The text-align property within this component.

• profile – Optional. A flag to set the component performance storage.

money(symbol: str, number: float = 0, title: Optional[str] = None, label: Optional[str] = None, icon: Optional[str] = None, color: Optional[str] = None, tooltip: Optional[str] = None, html_code: Optional[str] = None, options: Optional[dict] = None, helper: Optional[str] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), align: str = 'center', profile: Optional[Union[bool, dict]] = None)

Tags:

Categories:

Usage:

page.ui.texts.money(289839898, label="test", helper="Ok", icon="fas fa-align-center")

Underlying HTML Objects:

• epyk.core.html.HtmlText.Numeric

Parameters:

• symbol – The currency symbol.

• number – Optional. The value to be displayed to the component. Default now.

• title – Optional. A panel title. This will be attached to the title property.

• label – Optional. The text of label to be added to the component.

• icon – Optional. A string with the value of the icon to display from font-awesome.

• color – Optional. The font color in the component. Default inherit.

• tooltip – Optional. A string with the value of the tooltip.

• html_code – Optional. An identifier for this component (on both Python and Javascript side).

• options – Optional. Specific Python options available for this component.

• helper – Optional. A tooltip helper.

• width – Optional. A tuple with the integer for the component width and its unit.

• align – Optional. The text-align property within this component.

• profile – Optional. A flag to set the component performance storage.

move(current, previous=None, components=None, title: Optional[str] = None, align: str = 'center', width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (None, 'px'), color: Optional[str] = None, label: Optional[str] = None, options: Optional[dict] = None, helper: Optional[str] = None, profile: Optional[Union[bool, dict]] = None)

Tags:

Categories:

Usage:

page.ui.numbers.move(100, 60, helper="test")

Underlying HTML Objects:

• epyk.core.html.HtmlTextComp.Delta

Parameters:

• current – The current value.

• previous – Optional. Default the current value and not move.

• components – Optional. List of HTML component to be added.

• title – Optional. The title definition.

• align – Optional. The text-align property within this component.

• color – Optional. The text color.

• label – Optional. The label for the up and down component.

• width – Optional. A tuple with the integer for the component width and its unit.

• height – Optional. A tuple with the integer for the component height and its unit.

• options – Optional. Specific Python options available for this component.

• helper – Optional. The value to be displayed to the helper icon.

• profile – Optional. A flag to set the component performance storage.

number(number: float = 0, title: Optional[str] = None, label: Optional[str] = None, icon: Optional[int] = None, color: Optional[str] = None, tooltip: Optional[str] = None, html_code: Optional[str] = None, options: Optional[dict] = None, helper: Optional[str] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), align: str = 'center', profile: Optional[Union[bool, dict]] = None)

Tags:

Categories:

Usage:

page.ui.texts.number(289839898, label="test", helper="Ok", icon="fas fa-align-center")

Underlying HTML Objects:

• epyk.core.html.HtmlText.Numeric

Parameters:

• number – Optional. The value to be displayed to the component. Default now.

• title – Optional. A panel title. This will be attached to the title property.

• label – Optional. The text of label to be added to the component.

• icon – Optional. A string with the value of the icon to display from font-awesome.

• color – Optional. The color of the value.

• tooltip – Optional. A string with the value of the tooltip.

• html_code – Optional. An identifier for this component (on both Python and Javascript side).

• options – Optional. Specific Python options available for this component.

• helper – Optional. A tooltip helper.

• width – Optional. A tuple with the integer for the component width and its unit.

• align – The text-align property within this component.

• profile – Optional. A flag to set the component performance storage.

percent(number: float = 0, title: Optional[str] = None, label: Optional[str] = None, icon: Optional[str] = None, color: Optional[str] = None, tooltip: Optional[str] = None, html_code: Optional[str] = None, options: Optional[str] = None, helper: Optional[str] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), align: str = 'center', profile: Optional[Union[bool, dict]] = None)

Tags:

Categories:

Usage:

page.ui.texts.percent(289839898, label="test", helper="Ok", icon="fas fa-align-center")

Underlying HTML Objects:

• epyk.core.html.HtmlText.Numeric

Parameters:

• number – Optional. The value to be displayed to the component. Default now.

• title – Optional. A panel title. This will be attached to the title property.

• label – Optional. The text of label to be added to the component.

• icon – Optional. A string with the value of the icon to display from font-awesome.

• color – Optional. The color of the value.

• tooltip – Optional. A string with the value of the tooltip.

• html_code – Optional. An identifier for this component (on both Python and Javascript side).

• options – Optional. Specific Python options available for this component.

• helper – Optional. A tooltip helper.

• width – Optional. A tuple with the integer for the component width and its unit.

• align – Optional. The text-align property within this component.

• profile – Optional. A flag to set the component performance storage.

plotly(value: float = 0, profile: Optional[Union[bool, dict]] = None, options: Optional[dict] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), html_code: Optional[str] = None)

Tags:

Categories:

Usage:

Underlying HTML Objects:

• epyk.core.graph.GraphPlotly.Indicator

Parameters:

• value – Optional. Number. a value.

• profile – Optional. A flag to set the component performance storage.

• options – Optional. Specific Python options available for this component.

• width – Optional. A tuple with the integer for the component width and its unit.

• height – Optional. A tuple with the integer for the component height and its unit.

• html_code – Optional. An identifier for this component (on both Python and Javascript side).

plotly_with_delta(value, profile: Optional[Union[bool, dict]] = None, options: Optional[dict] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), height: Optional[Union[tuple, int, str]] = (330, 'px'), html_code: Optional[str] = None)

Tags:

Categories:

Usage:

Underlying HTML Objects:

• epyk.core.graph.GraphPlotly.Indicator

Parameters:

• value – Number. a value.

• profile – Optional. A flag to set the component performance storage.

• options – Optional. Specific Python options available for this component.

• width – Optional. A tuple with the integer for the component width and its unit.

• height – Optional. A tuple with the integer for the component height and its unit.

• html_code – Optional. An identifier for this component (on both Python and Javascript side).

pound(number: float = 0, title: Optional[str] = None, label: Optional[str] = None, icon: Optional[str] = None, color: Optional[str] = None, tooltip: Optional[str] = None, html_code: Optional[str] = None, options: Optional[dict] = None, helper: Optional[str] = None, width: Optional[Union[tuple, int, str]] = (100, '%'), align: str = 'center', profile: Optional[Union[bool, dict]] = None)

Tags:

Categories:

Usage:

page.ui.texts.pound(289839898, label="test", helper="Ok", icon="fas fa-align-center")

Underlying HTML Objects:

• epyk.core.html.HtmlText.Numeric

Parameters:

• number – Optional. The value to be displayed to the component. Default now.

• title – Optional. A panel title. This will be attached to the title property.

• label – Optional. The text of label to be added to the component.

• icon – Optional. A string with the value of the icon to display from font-awesome.

• color – Optional. The font color in the component. Default inherit.

• tooltip – Optional. A string with the value of the tooltip.

• html_code – Optional. An identifier for this component (on both Python and Javascript side).

• options – Optional. Specific Python options available for this component.

• helper – Optional. A tooltip helper.

• width – Optional. A tuple with the integer for the component width and its unit.

• align – Optional. The text-align property within this component.

• profile – Optional. A flag to set the component performance storage.