dcc.RadioItems

RadioItems is a component for rendering a set of checkboxes.
See also Checklist
for selecting multiple options at a time
Dropdown for
a more compact view.

import dash_core_components as dcc
import dash

app = dash.Dash(__name__)

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

if __name__ == "__main__":
    app.run_server(debug=True)

Change the label style to get a horizontal or vertical list.
E.g. display of flex to create a vertical list, or of inline-block for horizontal.

import dash_core_components as dcc
import dash

app = dash.Dash(__name__)

app.layout = dcc.RadioItems(
    options=[
        {'label': 'New York City', 'value': 'NYC'},
        {'label': 'Montréal', 'value': 'MTL'},
        {'label': 'San Francisco', 'value': 'SF'}
    ],
    value='MTL',
    labelStyle={'display': 'inline-block'}
)

if __name__ == "__main__":
    app.run_server(debug=True)

RadioItems Properties

Access this documentation in your Python terminal with:
```python

help(dash.dcc.RadioItems)
```

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 of this component, used to identify dash components in
callbacks. The ID needs to be unique across all of the components in
an app.

options (list of dicts; optional):
An array of options.

options is a list of dicts with keys:

value (string | number; optional):
The currently selected value.

style (dict; optional):
The style of the container (div).

className (string; optional):
The class of the container (div).

inputStyle (dict; optional):
The style of the <input> radio element.

inputClassName (string; default ''):
The class of the <input> radio element.

labelStyle (dict; optional):
The style of the <label> that wraps the radio input and the option’s
label.

labelClassName (string; default ''):
The class of the <label> that wraps the radio input and the option’s
label.

loading_state (dict; optional):
Object that holds the loading state object coming from dash-renderer.

loading_state is a dict with keys:

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.