Compare · Side by side

What's actually different?

You know Button. What you don't know is when NOT to use it. Each comparison gives you a table, a decision rule, and one sentence you can use.

Dialog vs Bottom Sheet vs Drawer

Three ways to say "put a layer on top"

I need to bring up a layer on top of the current screen. Which one?

Three ways to say "give the user a heads-up"

The action is done and I want to acknowledge it. Which one?

Why they look alike but are not the same thing

I have a set of options to switch between. Tabs or Segmented Control?

Three ways to let the user pick something

I need the user to make a selection. Which control?

Three ways to say "loading"

Data is loading. How should I show it?

Two ways to show a small floating layer

I need a small layer floating out from something. Which one?

"No end in sight" or "you can go back"

My list is long. Paginate or infinite scroll?

They are not "two kinds of buttons"

I need to add a button. A regular Button or a CTA?