Hemi UI / Hemi OS Reskin / Components / Checkbox

Checkbox

Nothing special changes for the checkboxes only the style

#checkbox wrap
display: inline-flex;
align-items: center;
gap: var(--Spacing-SM, 8px);

#checkbox button active
display: flex;
width: 20px;
height: 20px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: var(--Spacing-XXS, 2px);
border: 1px solid #1CC98C;
background: var(--Black, #000);

#checkbox inactive
border-radius: var(--Spacing-XXS, 2px);
border: 1px solid var(--Gray-300, #ABAFB5);
background: var(--White, #FFF);
#chebkox text
color: var(--Gray-800, #424448);
font-feature-settings: 'salt' on;

/* text-xs/normal */
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */

margin

Is this article helpful?
0 0 0