Radio button component is updated (#352)

SambhuPega · tumms2021389 · web-flow · commit 19e962594c7d · 2025-11-18T19:08:45.000+05:30
Co-authored-by: tumms2021389 &lt;97188066+tumms2021389@users.noreply.github.com&gt;
diff --git a/packages/angular-sdk-components/src/lib/_components/field/radio-buttons/radio-buttons.component.scss b/packages/angular-sdk-components/src/lib/_components/field/radio-buttons/radio-buttons.component.scss
@@ -15,11 +15,13 @@
 .psdk-radio-horizontal {
   display: flex;
   flex-direction: row;
+  margin-top: 1rem;
 }
 
 .psdk-radio-vertical {
   display: flex;
   flex-direction: column;
+  margin-top: 1rem;
 }
 
 .psdk-radio-button {
@@ -30,8 +32,8 @@
   width: 100%;
 }
 
-.psdk-radio-form ::ng-deep .mat-form-field-underline {
-  background-color: transparent;
+.psdk-radio-form ::ng-deep .mdc-line-ripple {
+  display: none;
 }
 
 .psdk-radio-form ::ng-deep .mat-form-field-label {

Original file line number	Diff line number	Diff line change
`@@ -15,11 +15,13 @@`
`15`	`15`	`.psdk-radio-horizontal {`
`16`	`16`	`display: flex;`
`17`	`17`	`flex-direction: row;`
	`18`	`+ margin-top: 1rem;`
`18`	`19`	`}`
`19`	`20`
`20`	`21`	`.psdk-radio-vertical {`
`21`	`22`	`display: flex;`
`22`	`23`	`flex-direction: column;`
	`24`	`+ margin-top: 1rem;`
`23`	`25`	`}`
`24`	`26`
`25`	`27`	`.psdk-radio-button {`
`@@ -30,8 +32,8 @@`
`30`	`32`	`width: 100%;`
`31`	`33`	`}`
`32`	`34`
`33`		`-.psdk-radio-form ::ng-deep .mat-form-field-underline {`
`34`		`- background-color: transparent;`
	`35`	`+.psdk-radio-form ::ng-deep .mdc-line-ripple {`
	`36`	`+ display: none;`
`35`	`37`	`}`
`36`	`38`
`37`	`39`	`.psdk-radio-form ::ng-deep .mat-form-field-label {`