jsonbourne
jsonbourne

Reputation: 973

How to give space between two dcc components in Python Dash?

What is the HTML equivalent for &nbsp (space) in Dash?

html.Div(
    [
      dcc.Input(),
      <add horizontal space here> 
      dcc.Input()
    ]
)

Upvotes: 19

Views: 44000

Answers (2)

Sneha R
Sneha R

Reputation: 66

Simply use html.Br() as shown below:

html.Div(
    [
      dcc.Input(),
      html.Br(),
      dcc.Input()
    ]
)

for more info, pls checkout below links:

Upvotes: 3

MrLeeh
MrLeeh

Reputation: 5589

If you want to add some space between components you can simply use CSS-properties for this:

html.Div(
    [
      dcc.Input(),
      dcc.Input(style={"margin-left": "15px"})
    ]
)

This adds a margin to the left of your second Input.

Have a look at the layout-section in the Plotly Dash documentation and CSS documentation about margin:

Upvotes: 30

Related Questions