x
1
2
3
4
5
6
7
8
9
<label class="group relative flex text-gray-900 dark:text-gray-100"><input type="checkbox" class="peer sr-only"><span class="relative flex grow items-center gap-2 rounded-lg border border-gray-200 text-xs font-medium group-hover:border-blue-500 peer-checked:border-blue-400 peer-checked:bg-blue-50 peer-focus:ring-3 peer-focus:ring-blue-100 dark:border-gray-700 dark:group-hover:border-blue-600 dark:peer-checked:border-blue-600 dark:peer-checked:bg-blue-800/10 dark:peer-focus:ring-blue-900 peer-disabled:cursor-not-allowed peer-disabled:opacity-75 px-3 py-2"> <span class="flex flex-col text-gray-900 dark:text-gray-100"> <span class="flex items-center gap-[2px]"> <span class="text-sm">Pill Label</span> </span> </span></span></label>| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
1
render ui.form.pill(type: type, label: label, caption: caption, hint: hint, counter: counter, size: size)