add from components

Author: gioboa

src/components/Form/FormHelperText.tsx

@@ -0,0 +1,13 @@
+import { Slot, component$ } from '@builder.io/qwik';
+import type { FormHelperTextProps } from './types';
+
+export default component$<FormHelperTextProps>(({ class: _class }) => {
+	return (
+		<small
+			class={['text-xs text-neutral-500 mt-0.5', _class]}
+			data-testid='form-helper-text'
+		>
+			<Slot />
+		</small>
+	);
+});

src/components/Form/FormLabel.tsx

@@ -0,0 +1,10 @@
+import { Slot, component$ } from '@builder.io/qwik';
+import type { FormLabelProps } from './types';
+
+export default component$<FormLabelProps>(({ class: _class }) => {
+	return (
+		<span class={['text-sm font-medium', _class]} data-testid='form-label'>
+			<Slot />
+		</span>
+	);
+});

src/components/Form/index.ts

@@ -0,0 +1,3 @@
+export * from './FormLabel';
+export * from './FormHelperText';
+export * from './types';

src/components/Form/types.ts

@@ -0,0 +1,6 @@
+export interface FormLabelProps {
+	class?: string;
+}
+export interface FormHelperTextProps {
+	class?: string;
+}