I want to display different content depending on which button is clicked. Would it be better to use an embedded view component, or should I create three separate flex containers and toggle their visibility by setting display = true for the selected one and false for the others?
I do both,
I chose which one based on what the functionality is.
For Embedded views, if I don't care about load times of the information and if the parameters are the same for each of the views (This is a mostly the same one or two changes may make sense IMO) , this will render based on how long the view takes to render and will rerender and load each time you switch the path to the view.
For display = true, I use this if I want a tabbing kind of effect and if I want the data to be loaded in ready for when I click on it. Technically this can be slow first render but faster afterwards.
Most ways of doing things will be based on your requirements.