From 6e1e9368a6d5e7e7f6123a784921a14d6d61d1b0 Mon Sep 17 00:00:00 2001
From: Steve Dogiakos <steve@dogiakos.com>
Date: Thu, 6 Feb 2025 17:20:14 -0700
Subject: [PATCH] Expounded on select.tsx to make it fully functional
---
components/ui/select.tsx | 21 +++++++++++++++++++++
1 file changed, 21 insertions(+)
diff --git a/components/ui/select.tsx b/components/ui/select.tsx
index 3c6b76f..370edc3 100644
--- a/components/ui/select.tsx
+++ b/components/ui/select.tsx
@@ -7,3 +7,24 @@ export function Select({ children, ...props }: React.SelectHTMLAttributes<HTMLSe
</select>
)
}
+
+export function SelectTrigger({ children, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>) {
+ return (
+ <button {...props} className="border border-gray-300 p-2 rounded-md focus:outline-none focus:ring focus:ring-blue-500">
+ {children}
+ </button>
+ )
+}
+
+export function SelectContent({ children }: { children: React.ReactNode }) {
+ return <div className="absolute bg-white shadow-md rounded-md p-2">{children}</div>
+}
+
+export function SelectItem({ children, ...props }: React.OptionHTMLAttributes<HTMLOptionElement>) {
+ return <option {...props}>{children}</option>
+}
+
+export function SelectValue({ children }: { children: React.ReactNode }) {
+ return <span>{children}</span>
+}
+