Errors when using components as per the example given

[KaveeshaPiumini]

Animated Login component has the following issues

When imported as per the instructions of the component.md, section - ## How to handle props to the component and ## How to handle props to the component, following components give errors.

1. AnimatedLogin (Reason - component is imported as AnimatedLogin but used as Login)
   

2. BreadcrumbsWrapper (Reason - missing [ ] )
   

3. CardThemeFour (Reason - unwanted " in title property)
   

4. CardThemeFourGrid (Reason - use of '=' instead of ':' )
   

5. BarChart (Reason - use of '=' instead of ':' )
   

6. CardTile (Reason - component is imported as Card)
   

7. DetailCard (Reason - use of '=' instead of ':' )
   

8. DetailCardGrid (Reason - component is imported as DetailCardGrid but used in a different name, missing { }, incorrect use of [ ], use of '=' instead of ':')
   

9. DocsBanner - No syntax error (Reason - mismatches with the expecting props )
   

10. DynamicBanner (Reason - unwanted :, missing { , use of '=' instead of ':', missing ,commas )
    

11.FeatureCard (Reason - unwanted " in title property)

12.FooterLarge (Reason - missing { }s, misuse of [], missing ,comma)

13.FooterThemeFive (Reason - missing { }s, misuse of [], missing ,comma , use of '=' instead of ':', necessary ,commas)