Add RadioButton component

Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-23 17:09:09 +05:30
parent 5e89675c9c
commit ea5b63af18
2 changed files with 49 additions and 0 deletions
--- a/src/app/atoms/button/RadioButton.scss
+++ b/src/app/atoms/button/RadioButton.scss
@@ -0,0 +1,24 @@
+@use '../../partials/flex';
+
+.radio-btn {
+  @extend .cp-fx__row--c-c;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background-color: var(--bg-surface-low);
+  box-shadow: var(--bs-surface-border);
+  cursor: pointer;
+
+  &--active {
+    background-color: var(--bg-positive);
+
+    &::before {
+      content: '';
+      display: inline-block;
+      width: 16px;
+      height: 16px;
+      background-color: white;
+      border-radius: 50%;
+    }
+  }
+}