yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Label: add support for kobalte select

Browse Source
This commit is contained in:
Johannes Kirschbauer
2025-08-05 13:34:40 +02:00
parent de81a5d810
commit 90ef55f040
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
pkgs/clan-app/ui/src/components/Form/Label.css
View File

@@ -1,6 +1,7 @@
div.form-label {
@apply flex flex-col gap-1 w-full;
& > span,
& > label,
& > div {
@apply w-full;
@@ -8,12 +9,14 @@ div.form-label {
@apply leading-none;
}
& > span,
& > label {
@apply flex items-center gap-1;
}
& > span[data-required]:not(span[data-readonly]),
& > label[data-required]:not(label[data-readonly]) {
span.typography::after {
.typography::after {
@apply fg-def-4 ml-1;
content: "*";

8
pkgs/clan-app/ui/src/components/Form/Label.tsx
View File

@@ -5,6 +5,7 @@ import Icon from "@/src/components/Icon/Icon";
import { TextField } from "@kobalte/core/text-field";
import { Checkbox } from "@kobalte/core/checkbox";
import { Combobox } from "@kobalte/core/combobox";
import { Select } from "@kobalte/core/select";
import "./Label.css";
export type Size = "default" | "s";
@@ -12,11 +13,14 @@ export type Size = "default" | "s";
export type LabelComponent =
| typeof TextField.Label
| typeof Checkbox.Label
| typeof Combobox.Label;
| typeof Combobox.Label
| typeof Select.Label;
export type DescriptionComponent =
| typeof TextField.Description
| typeof Checkbox.Description
| typeof Combobox.Description;
| typeof Combobox.Description
| typeof Select.Description;
export interface LabelProps {
labelComponent: LabelComponent;