I have a page that lists a series of paragraphs. It is built like this:
modal = rc.Modal(
html.Div(
[
html.P('R&D Optimization Levers', className='h4 mb-4 fw-bold'),
rc.Tabs(
[
rc.Tab(
html.Div(
[
dbc.Input(),
dbc.Row(
[
dbc.Col(
'1a',
className='fw-bold fs-5',
width=1,
),
dbc.Col(
html.P(
'Install robust project portfolio process'
)
),
],
className='g-0',
),
dbc.Row(
[
dbc.Col(
'1b.1',
className='fw-bold fs-5',
width=1,
),
dbc.Col(
html.P(
'Establish systematic change management process'
)
),
],
className='g-0',
),
dbc.Row(
[
dbc.Col(
'1b.2',
className='fw-bold fs-5',
width=1,
),
dbc.Col(
html.P(
'Set up clear rules for change requests
)
),
],
className='g-0',
),
...
And then it is used in a callback like this:
@callback(
Output('modal_content_tabs', 'selectedValue'),
Output('modal_content', 'is_open'),
Output('breakdownGraph', 'clickData'),
Input('breakdownGraph', 'clickData'),
Input('close_modal', 'n_clicks'),
prevent_initial_call=True,
)
def update_modal(click_data, _):
triggered_id = ctx.triggered_id
if triggered_id == 'breakdownGraph':
return bar_click(click_data)
elif triggered_id == 'close_modal':
return close_modal()
Does Dash offer any way to hide those paragraphs depending on the content of a text search box?