An example of a default precision input without any extra properties.
from dash import Dash, html, Input, Output, callback
import dash_daq as daq
app = Dash(__name__)
app.layout = html.Div([
daq.PrecisionInput(
id='my-precision-1',
label='Default',
precision=4,
value=1234
),
html.Div(id='precision-output-1')
])
@callback(
Output('precision-output-1', 'children'),
Input('my-precision-1', 'value')
)
def update_output(value):
return f'The current value is {value}.'
if __name__ == '__main__':
app.run(debug=True)
Set the label and label position with label
and labelPosition
.
import dash_daq as daq
daq.PrecisionInput(
label='Label',
labelPosition='top',
precision=2,
value=12
)
The precision
property is mandatory for this component. The precision
property
indicates the accuracy of the specified number.
import dash_daq as daq
daq.PrecisionInput(
precision=2,
value=125
)
Set the maximum and minimum value of the numeric input with max
and min
.
import dash_daq as daq
daq.PrecisionInput(
precision=2,
value=15,
max=20,
min=10
)
Set the length (in pixels) of the numeric input size
.
import dash_daq as daq
daq.PrecisionInput(
size=120,
precision=4,
value=245
)
Disable the precision input by setting disabled=True
.
import dash_daq as daq
daq.PrecisionInput(
disabled=True,
precision=4,
value=9999
)
Access this documentation in your Python terminal with:
```pythonhelp(dash_daq.PrecisionInput)
```
Our recommended IDE for writing Dash apps is Dash Enterprise’s
Data Science Workspaces,
which has typeahead support for Dash Component Properties.
Find out if your company is using
Dash Enterprise.
id
(string; optional):
The ID used to identify this compnent in Dash callbacks.
value
(number; optional):
The value of numeric input.
size
(number; optional):
The size (length) of the numeric input in pixels.
min
(number; default 0
):
The minimum value of the numeric input.
max
(number; default Number.MAX_SAFE_INTEGER
):
The maximum value of the numeric input.
precision
(number; default 2
):
Number of significant figures.
disabled
(boolean; optional):
If True, numeric input cannot be changed.
theme
(dict; default light
):
Theme configuration to be set by a ThemeProvider.
label
(dict; optional):
Description to be displayed alongside the scientific notation. To
control styling, pass an object with label and style properties.
label
is a string | dict with keys:
label
(string; optional)
style
(dict; optional)
labelPosition
(a value equal to: ‘top’ or ‘bottom’; default 'top'
):
Where the numeric input label is positioned.
className
(string; optional):
Class to apply to the root component element.
style
(dict; optional):
Style to apply to the root component element.
persistence
(boolean | string | number; optional):
Used to allow user interactions in this component to be persisted when
the component - or the page - is refreshed. If persisted
is truthy
and hasn’t changed from its previous value, a value
that the user
has changed while using the app will keep that change, as long as the
new value
also matches what was given originally. Used in
conjunction with persistence_type
.
persisted_props
(list of values equal to: ‘value’; default ['value']
):
Properties whose user interactions will persist after refreshing the
component or the page. Since only value
is allowed this prop can
normally be ignored.
persistence_type
(a value equal to: ‘local’, ‘session’ or ‘memory’; default 'local'
):
Where persisted user changes will be stored: memory: only kept in
memory, reset on page refresh. local: window.localStorage, data is
kept after the browser quit. session: window.sessionStorage, data is
cleared once the browser quit.