Skip to content

Commit f86fa5c

Browse files
docs(docs): docs example
1 parent ace0d26 commit f86fa5c

File tree

2 files changed

+11
-3
lines changed

2 files changed

+11
-3
lines changed

.changeset/few-numbers-cross.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@qwik-ui/headless': patch
3+
---
4+
5+
Added a new contributing guide in the docs! /docs/headless/contributing

apps/website/src/routes/docs/headless/select/examples/hero.tsx

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,12 @@ export default component$(() => {
55
const usersSig = useSignal<string[]>(['Tim', 'Ryan', 'Jim', 'Jessie', 'Abby']);
66

77
return (
8-
<Select>
9-
<SelectTrigger class="min-w-40 bg-slate-700 py-2" />
10-
<SelectListbox class="absolute min-w-40 bg-slate-800 px-3 py-2">
8+
<Select class="relative min-w-40">
9+
<SelectTrigger class="w-full border-2 border-dashed border-red-400" />
10+
<SelectListbox class="absolute w-full border-2 border-dashed border-green-400 bg-slate-900 p-2">
11+
<SelectOption class="border-2 border-dashed border-blue-400">
12+
first option!
13+
</SelectOption>
1114
{usersSig.value.map((user) => (
1215
<SelectOption key={user}>{user}</SelectOption>
1316
))}

0 commit comments

Comments
 (0)