Use class attribute in raw sample code

client/patterns/mega-menu/Details.tsx

@@ -6,7 +6,7 @@
 import React from 'react';
 import { Helmet } from 'react-helmet';
 
-import './megaMenu.css';
+import './mega-menu.css';
 
 import RelatedPatterns from '../../components/RelatedPatterns';
 import Pattern from '../../constants/Pattern';
@@ -126,7 +126,7 @@ const Details: React.FC<{}> = () => {
 }
 </style>
 
-<div className="p-mega-menu-container">
+<div class="p-mega-menu-container">
     <!-- Item -->
     ...
 

client/patterns/nested-dropdowns/Details.tsx

@@ -118,7 +118,7 @@ const Details: React.FC<{}> = () => {
 }
 </style>
 
-<ul className="p-nested-dropdowns">
+<ul class="p-nested-dropdowns">
     <li>Home</li>
     <li>
         <div>Patterns</div>

client/patterns/radio-button-group/Details.tsx

@@ -6,7 +6,7 @@
 import React, { useState } from 'react';
 import { Helmet } from 'react-helmet';
 
-import './radioButtonGroup.css';
+import './radio-button-group.css';
 
 import RelatedPatterns from '../../components/RelatedPatterns';
 import Pattern from '../../constants/Pattern';