HowtoBuildYourCustomStyle
The structure of all StyledComponents is based on a “collection” of predefined styles (families).
By default these options are available in the StyleFamily property and can be:
Classic, Bootstrap, Angular-Light, Angular-Dark, Basic-Colors and SVG-Colors
To use these styles, simply open the "Component Editor", selecting the "StyleFamily" page, within which there are the other 2 levels: StyleAppearance and StyleClass, represented by a "groupbox" and the various buttons that embed the specific class.
As you can see in this example image, the “Angular-Light” family includes four button formats (Flat, Raised, Stroked, Basic), and seven classes are available (Basic, DeepPurple, Amber, Indigo, Pink, Warn, Link).
