diff --git a/samples/inputs/button/contained/src/index.tsx b/samples/inputs/button/contained/src/index.tsx
index ec435763e6..dafc24a3e8 100644
--- a/samples/inputs/button/contained/src/index.tsx
+++ b/samples/inputs/button/contained/src/index.tsx
@@ -1,11 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrButton, IgrButtonModule } from 'igniteui-react';
+import { IgrButton } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrButtonModule.register();
-
 export default class ButtonContained extends React.Component<any, any> {
 
     constructor(props: any) {
diff --git a/samples/inputs/button/download/src/index.tsx b/samples/inputs/button/download/src/index.tsx
index 168bc6384c..9139fe801e 100644
--- a/samples/inputs/button/download/src/index.tsx
+++ b/samples/inputs/button/download/src/index.tsx
@@ -1,11 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrButton, IgrButtonModule } from 'igniteui-react';
+import { IgrButton } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrButtonModule.register();
-
 export default class ButtonDownload extends React.Component<any, any> {
 
     constructor(props: any) {
diff --git a/samples/inputs/button/fab/src/index.tsx b/samples/inputs/button/fab/src/index.tsx
index ae79ad5db0..84e995d1f2 100644
--- a/samples/inputs/button/fab/src/index.tsx
+++ b/samples/inputs/button/fab/src/index.tsx
@@ -1,11 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrButton, IgrButtonModule } from 'igniteui-react';
+import { IgrButton } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrButtonModule.register();
-
 export default class ButtonFab extends React.Component<any, any> {
 
     constructor(props: any) {
diff --git a/samples/inputs/button/flat/src/index.tsx b/samples/inputs/button/flat/src/index.tsx
index a59b15e9d6..319341db76 100644
--- a/samples/inputs/button/flat/src/index.tsx
+++ b/samples/inputs/button/flat/src/index.tsx
@@ -1,11 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrButton, IgrButtonModule } from 'igniteui-react';
+import { IgrButton } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrButtonModule.register();
-
 export default class ButtonFlat extends React.Component<any, any> {
 
     constructor(props: any) {
diff --git a/samples/inputs/button/outlined/src/index.tsx b/samples/inputs/button/outlined/src/index.tsx
index 24e9f88354..88a3b6cd3c 100644
--- a/samples/inputs/button/outlined/src/index.tsx
+++ b/samples/inputs/button/outlined/src/index.tsx
@@ -1,11 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrButton, IgrButtonModule } from 'igniteui-react';
+import { IgrButton } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrButtonModule.register();
-
 export default class ButtonOutlined extends React.Component<any, any> {
 
     constructor(props: any) {
diff --git a/samples/inputs/button/overview/src/index.tsx b/samples/inputs/button/overview/src/index.tsx
index 806fa14540..de65eed692 100644
--- a/samples/inputs/button/overview/src/index.tsx
+++ b/samples/inputs/button/overview/src/index.tsx
@@ -2,11 +2,9 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import './ButtonOverviewStyle.css';
-import { IgrButton, IgrButtonModule } from 'igniteui-react';
+import { IgrButton } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrButtonModule.register();
-
 export default class ButtonOverview extends React.Component<any, any> {
 
     constructor(props: any) {
diff --git a/samples/inputs/button/size/src/index.tsx b/samples/inputs/button/size/src/index.tsx
index 9e9265be9a..02dfd28212 100644
--- a/samples/inputs/button/size/src/index.tsx
+++ b/samples/inputs/button/size/src/index.tsx
@@ -2,13 +2,9 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import './ButtonSizingStyle.css';
-import { IgrButton, IgrRadio, IgrRadioGroup, IgrButtonModule, IgrRadioModule, IgrRadioGroupModule } from 'igniteui-react';
+import { IgrButton, IgrRadio, IgrRadioGroup } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrButtonModule.register();
-IgrRadioGroupModule.register();
-IgrRadioModule.register();
-
 export default class ButtonSize extends React.Component<any, any> {
 
     constructor(props: any) {
@@ -21,10 +17,10 @@ export default class ButtonSize extends React.Component<any, any> {
         return (
             <div className="container sample">
                 <IgrRadioGroup alignment="horizontal" style={{display: 'flex', margin: '0 auto', width: '15%'}}>
-                    <IgrRadio name="size" value="small" labelPosition="after" checked={true} onChange={this.onRadioChange}>
+                    <IgrRadio name="size" value="small" labelPosition="after" onChange={this.onRadioChange}>
                         <span>Small</span>
                     </IgrRadio>
-                    <IgrRadio name="size" value="medium" labelPosition="after" onChange={this.onRadioChange}>
+                    <IgrRadio name="size" value="medium" labelPosition="after" onChange={this.onRadioChange} checked={this.state.size === "medium"}>
                         <span>Medium</span>
                     </IgrRadio>
                     <IgrRadio name="size" value="large" labelPosition="after" onChange={this.onRadioChange}>
diff --git a/samples/inputs/button/styling/src/index.tsx b/samples/inputs/button/styling/src/index.tsx
index 1b073dc989..56b4a6d516 100644
--- a/samples/inputs/button/styling/src/index.tsx
+++ b/samples/inputs/button/styling/src/index.tsx
@@ -2,11 +2,9 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import './ButtonStyle.css';
-import { IgrButton, IgrButtonModule } from 'igniteui-react';
+import { IgrButton } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
-IgrButtonModule.register();
-
 export default class ButtonStyling extends React.Component<any, any> {
 
     constructor(props: any) {