algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-29 13:13:54 +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: { noResultsMessage: {
control: 'text', control: 'text',
}, },
placeholder: {
control: 'text',
},
}, },
component: Typeahead, component: Typeahead,
parameters: { parameters: {

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

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