# Checkbox (Shadcn UI kit) A control that allows the user to toggle between checked and not checked. ```twig Accept terms and conditions Accept terms and conditions By clicking this checkbox, you agree to the terms. Enable notifications Enable notifications You can enable or disable notifications at any time. ``` ## Installation ```shell bin/console ux:install checkbox --kit shadcn ``` ## Usage ```twig ``` ## Examples ### Basic Pair the checkbox with `Field` and `Field:Label` for proper layout and labeling. ```twig Accept terms and conditions ``` ### Description Use `Field:Content` and `Field:Description` for helper text. ```twig Accept terms and conditions By clicking this checkbox, you agree to the terms and conditions. ``` ### Disabled Use the `disabled` attribute to prevent interaction and add the `data-disabled` attribute to the `Field` component for disabled styles. ```twig Enable notifications ``` ### Group Use multiple fields to create a checkbox list. ```twig Show these items on the desktop: Select the items you want to show on the desktop. Hard disks External disks CDs, DVDs, and iPods Connected servers ``` ### Table ```twig Name Email Role Sarah Chen sarah.chen@example.com Admin Marcus Rodriguez marcus.rodriguez@example.com User Priya Patel priya.patel@example.com User David Kim david.kim@example.com Editor ``` ### RTL To enable RTL support, set the `dir="rtl"` attribute on the root element. ```twig
{# Arabic #} قبول الشروط والأحكام قبول الشروط والأحكام بالنقر على هذا المربع، فإنك توافق على الشروط. تفعيل الإشعارات تفعيل الإشعارات يمكنك تفعيل أو إلغاء تفعيل الإشعارات في أي وقت. {# Hebrew #} קבל תנאים והגבלות קבל תנאים והגבלות על ידי לחיצה על תיבת הסימון הזו, אתה מסכים לתנאים. הדלק התראות הדלק התראות אתה יכול להדליק או לכבות התראות בכל עת.
```