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

List components #31

Open
stne3960 wants to merge 57 commits from list_item into main
pull from: list_item
merge into: DMC:main
Conversation 10 Commits 57 Files Changed 30 +23
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 377594d7b7 - Show all commits

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

@ -2,6 +2,7 @@ import { useState, useEffect } from 'react';
import Button from '../components/Button/Button';
import TextInput from '../components/TextInput/TextInput';
import ListItem from '../components/ListItem/ListItem';
import SearchResultList from '../components/SearchResultList/SearchResultList';
import Combobox from '../components/Combobox/Combobox';
import ListCard from '../components/ListCard/ListCard';
import ParticipantPicker from '../components/ParticipantPicker/ParticipantPicker';
@ -177,6 +178,28 @@ export default function ComponentLibrary() {
</div>
</section>
<section className="mt-lg">
<h2 className="mb-md">SearchResultList</h2>
<div className="max-w-96">
<SearchResultList
options={peopleOptions}
selectedValues={['3']}
focusedIndex={1}
noResultsText="Inga resultat"
/>
</div>
</section>
<section className="mt-lg">
<h2 className="mb-md">SearchResultList - Empty</h2>
<div className="max-w-96">
<SearchResultList
options={[]}
noResultsText="Inga resultat"
/>
</div>
</section>
<section className="mt-lg">
<h2 className="mb-md">Combobox - Single Select</h2>
<div className="flex flex-col gap-md">