Display drop down selected value (from page 1) in page 2

Having a dash app with 2 pages i.e. /apps/page1 and /apps/page2

There is a dropdown called Username in page 1 (labels : Name1 and Name2)

upon selection of dropdown (Username) in page1 (Name1 is selected) should able to show it in page 2 (like Username : Name1)

` page 1

html.Div([
			dcc.Dropdown(
						id='username',
						options=[
							{'label': 'Name1', 'value': 'Name1'},
							{'label': 'Name2', 'value': 'Name2'}	
						],
						searchable=False,
						 placeholder="Select Username", 
						 style = { 'text-align' :'center'} 
					)])

Page 2

html.Div([ 'User name' ]),
html.Div([username])

The user guide explains this better than I ever could:

https://dash.plot.ly/sharing-data-between-callbacks

That link isn’t specific to multi-page apps…but you can still use examples 3 and 4 which use the cache to save data.

You can also just store stuff in the URL and then parse it out. like /page1?username=whatever