This page has enlightend me. Looks like I can make a make my own components... lowercase first letter is for general html and can be self closing. Anything capitalized is a user defined component.
This is a fairly simple task that really helps me understand React and Personabar so it is great to learn for the fun of it to help me take that next step up that developer staircase.
So now I wonder if I should create and add some settings that possibly could get set using the CSS file such as when the colors change and what color to change to. But not looking to get too crazy here if I dont have to. Whatever is clever... There is probably a much easier way to do what I have created.
I am going to put for now after the title however Timo suggests wrapping the label with it which probably makes sense as well. The forms are set to a width so I dont think there will be a problem with room.