Whenever we show a model to a user, there are usually three different ways that we want to allow a
user to close it, and that's usually by clicking on the background, which we've done by clicking on
a button down here to Twitter, which is not currently implemented.
But it really depends upon the context of the model.
And the third way that we usually allow a user to close or dismiss a model is by clicking a little close
icon on the top right hand side.
So in this example, I have added in a little icon, but right now, if we click on it, nothing actually
happens.
So let's make sure that whenever user clicks on that icon element, we actually close the model to do
so.
I recommend you take a look at the model file inside of here.
You'll notice that there's a new element right here.
That element is what is responsible for actually showing that little X right there to make sure that
whenever user clicks on that thing, the model is closed.
Go ahead and give this a shot and we'll go over our solution in just a moment.