Black Lives Matter. Please consider donating to Black Girls Code today.
Learn how to use COVID-19 data in open source Dash apps. Register for the Sept 23rd webinar with IQT!

Display checklist/radioitems as a block?

I have been trying to build a simple app based on the few examples provided on the Dash website.
I am running into an issue with displaying checklist/radioitems as a block (one under another).
So reading the docs there : the dcc.Checklist without any css options should display things in columns by default, yet I can’t seem to do that.

import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()

app.layout = html.Div([dcc.RadioItems(
        {'label': 'New York City', 'value': 'NYC'},
        {'label': 'Montréal', 'value': 'MTL'},
        {'label': 'San Francisco', 'value': 'SF'}

if __name__ == '__main__':

Thank you!

Hey @jschroder

Good question. The examples on the docs actually plugin an external CSS stylesheet. You can use the same stylesheet as the docs with

app.scripts.append_css({'external_url': ''})

The stylesheet itself is here: (interactive form) and here: (raw form), which you can fork and modify as you like.

A little bit more about styling is here:

Oh I get it!
Thanks for the answer!