FloatInput#

Download this notebook from GitHub (right-click to download).

import panel as pn
import panel_material_ui as pmui

pn.extension()

The FloatInput widget allows selecting a floating point value using a spinbox. It behaves like a slider except that lower and upper bounds are optional and a specific value can be entered. Value can be changed using keyboard (up, down, page up, page down), mouse wheel and arrow buttons.


Discover more on using widgets to add interactivity to your applications in the how-to guides on interactivity. Alternatively, learn how to set up callbacks and (JS-)links between parameters or how to use them as part of declarative UIs with Param.




Parameters:#


For details on other options for customizing the component see the customization guides.




Core#


    

  • disabled (boolean): Whether the widget is editable
    • 

  • end (float): Optional maximum allowable value
    • 

  • start (float): Optional minimum allowable value
    • 

  • step (float): The step added or subtracted to the current value on each click
    • 

  • page_step_multiplier (int): Defines the multiplication factor applied to step when the page up and page down keys are pressed.
    • 

  • value (float | None): The current value. Updates on <enter>, when the widget looses focus, or arrow icons or keyboard up arrow, down arrow, PgUp, or PgDown keys pressed. Can return None if all digits are deleted.
    • 

  • value_throttled (float | None): Behaves identically to value for this widget, except is read only.
    • 







Display#


    

  • color (str): A color variant; should be one of 'default' (white), 'primary' (blue), 'success' (green), 'info' (yellow), 'light' (light), or 'danger' (red).
    • 

  • format (str): Optional format to convert the float value in string, see : http://numbrojs.com/old-format.html
    • 

  • label (str): The title of the widget
    • 

  • placeholder (str): A placeholder string displayed when no value is entered
    • 

  • variant (Literal["filled", "outlined", "standard"]): The style variant to use.
    • 







Styling#


    

  • sx (dict): Component level styling API.
    • 

  • theme_config (dict): Theming API.
    • 







Aliases#


For compatibility with Panel certain parameters are allowed as aliases:


    

  • name: Alias for label
    • 





float_input = pmui.FloatInput(name='FloatInput', value=5., step=1e-1, start=0, end=1000)

float_input







            
            
FloatInput.value returns a float value:


float_input.value





5.0








Controls#


The FloatInput widget exposes a number of options which can be changed from both Python and Javascript. Try out the effect of these parameters interactively:


pn.Row(float_input.controls(jslink=True), float_input)







            
            


Download this notebook from GitHub (right-click to download).