Buttons, Forms, and Panels

In reality, creating components can be a lot of trial and error to make sure it looks right. For the sake of brevity, we’ll just look at how they are when they’re done enough. As with many design tasks, there is always room for improvement. Rather than done, a project is “done enough”.

Setting up files

First, we’ll create a new file that will hold the new lowest-level components. We’ll call it buttons.js and store it in the langman/client/src directory, which is where the App.js resides as well. In this file, we start by making placeholders so that we can get Storybook going.