DMC/studentportalen
1
1
Fork 0
Code Issues 50 Pull Requests Actions Projects 1 Wiki Activity

List components #31

Merged
stne3960 merged 68 commits from list_item into main 2025-12-18 12:41:13 +01:00
Conversation 12 Commits 68 Files Changed 8 +31 -3
1 changed files with 31 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 91a002cc9a - Show all commits

34
frontend/src/studentportalen/ComponentLibrary.tsx
View File

@ -264,9 +264,27 @@ export default function ComponentLibrary() {
<section className="mt-lg"> <section className="mt-lg">
<h2 className="mb-md">Combobox - Sizes</h2> <h2 className="mb-md">Combobox - Sizes</h2>
<div className="flex flex-wrap items-start gap-md"> <div className="flex flex-wrap items-start gap-md">
<Combobox options={peopleOptions} placeholder="Small" size="sm" /> <Combobox
<Combobox options={peopleOptions} placeholder="Medium" size="md" /> options={peopleOptions}
<Combobox options={peopleOptions} placeholder="Large" size="lg" /> placeholder="Small"
size="sm"
label="Small"
hideLabel
/>
<Combobox
options={peopleOptions}
placeholder="Medium"
size="md"
label="Medium"
hideLabel
/>
<Combobox
options={peopleOptions}
placeholder="Large"
size="lg"
label="Large"
hideLabel
/>
</div> </div>
</section> </section>
@ -277,6 +295,8 @@ export default function ComponentLibrary() {
options={peopleOptions} options={peopleOptions}
placeholder="Sök..." placeholder="Sök..."
customWidth="350px" customWidth="350px"
label="Custom width"
hideLabel
/> />
<Combobox <Combobox
options={peopleOptions} options={peopleOptions}
@ -316,6 +336,8 @@ export default function ComponentLibrary() {
onChange={setParticipants} onChange={setParticipants}
placeholder="Small" placeholder="Small"
size="sm" size="sm"
label="Small"
hideLabel
/> />
<ParticipantPicker <ParticipantPicker
options={peopleOptions} options={peopleOptions}
@ -323,6 +345,8 @@ export default function ComponentLibrary() {
onChange={setParticipants} onChange={setParticipants}
placeholder="Medium" placeholder="Medium"
size="md" size="md"
label="Medium"
hideLabel
/> />
<ParticipantPicker <ParticipantPicker
options={peopleOptions} options={peopleOptions}
@ -330,6 +354,8 @@ export default function ComponentLibrary() {
onChange={setParticipants} onChange={setParticipants}
placeholder="Large" placeholder="Large"
size="lg" size="lg"
label="Large"
hideLabel
/> />
</div> </div>
</section> </section>
@ -343,6 +369,8 @@ export default function ComponentLibrary() {
onChange={setParticipants} onChange={setParticipants}
placeholder="Sök..." placeholder="Sök..."
customWidth="350px" customWidth="350px"
label="Custom width"
hideLabel
/> />
<ParticipantPicker <ParticipantPicker
options={peopleOptions} options={peopleOptions}