Gaboule/chat
1
0
Fork 0
Code Issues Pull requests Activity

Add RadioButton component

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2021-12-23 17:09:09 +05:30
commit ea5b63af18
2 changed files with 49 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/app/atoms/button/RadioButton.scss Normal file
View file

@ -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%;
}
}
}