algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-29 05:02:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ui][typeahead] tweak chevron icon and updates stories

Browse Source
This commit is contained in:
Yangshun Tay
2022-10-12 18:53:33 +08:00
parent 3fe24cff3a
commit c7a0c095de
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/storybook/stories/typeahead.stories.tsx
View File

@ -17,6 +17,9 @@ export default {
noResultsMessage: {
control: 'text',
},
placeholder: {
control: 'text',
},
},
component: Typeahead,
parameters: {

4
packages/ui/src/Typeahead/Typeahead.tsx
View File

@ -1,7 +1,7 @@
import clsx from 'clsx';
import { Fragment, useState } from 'react';
import { Combobox, Transition } from '@headlessui/react';
import { ChevronUpDownIcon } from '@heroicons/react/20/solid';
import { ChevronDownIcon } from '@heroicons/react/20/solid';
export type TypeaheadOption = Readonly<{
// String value to uniquely identify the option.
@ -86,7 +86,7 @@ export default function Typeahead({
}}
/>
<Combobox.Button className="absolute inset-y-0 right-0 flex items-center pr-2">
<ChevronUpDownIcon
<ChevronDownIcon
aria-hidden="true"
className="h-5 w-5 text-slate-400"
/>