# CheckBox

**Path:** Components/Form Inputs

[Back to Documentation Index](http://rubicblazor.skyconis.com/docs.md)

---

CheckBox

 RbCheckBox component provides checkboxes for multi-selection with support for variants, colors, icons, and different layouts.

 Basic Usage

 Simple checkboxes with individual and grouped selections.

 Show code

 I agree to terms and conditions 

 Subscribe to newsletter 

 Remember me 

 Terms: False, Newsletter: False, Remember: True

 Variants

 Different visual styles: Default, Outlined and Filled variants.

 Show code

 Default 
 Primary 
 Secondary 
 Info 
 Warning 
 Danger 
 Success 

 Default Variant

 Option A 

 Option B 

 Option C 

 Outlined Variant

 Option A 

 Option B 

 Option C 

 Filled Variant

 Option A 

 Option B 

 Option C 

 With Labels

 Checkboxes with text labels and rich ChildContent.

 Show code

 Simple Text Labels

 Apple 

 Banana 

 Cherry 

 Rich Content Labels

 Basic Plan 
 Free - Limited features

 Pro Plan 
 $19.99/month - All features

 Enterprise Plan 
 $49.99/month - Custom solutions

 Hover Effect

 Enable hover effect for better user interaction feedback.

 Show code

 Option 1 

 Option 2 

 Option 3 

 Hover with Different Colors

 Primary 

 Success 

 Warning 

 Danger 

 Position & Align

 Control icon position and text alignment.

 Show code

 StartAligned

 Approve 

 Reject 

 Pending 

 EndAligned + IconRight

 Approve 

 Reject 

 Pending 

 CenterAligned + IconTop

 Home 

 User 

 Settings 

 CenterAligned + IconBottom

 Home 

 User 

 Settings 

 JustifyAligned + IconLeft

 Approve 

 Reject 

 Pending 

 Justify + IconRight

 Approve 

 Reject 

 Pending 

 Readonly & Disabled

 Control interaction states with Readonly and Disabled parameters.

 Show code

 Normal Checkbox 

 Disabled Unchecked 

 Disabled Checked 

 Readonly Checked 

 RTL Support

 Compare logical alignment behavior inside an RTL container.

 Show code

 الملف الشخصي 

 تحديثات البريد 

 المصادقة الثنائية 

 ✕

 Contents