@@ -13,12 +13,16 @@ import YogaStories.Story (story)
1313mkAutocomplete :: { placeholder :: String } -> JSX
1414mkAutocomplete = component "AutocompleteStory" \props -> React.do
1515 pure $ div { className: "dark bg-background text-foreground p-6 rounded-lg w-64" }
16− [ Autocomplete.autocomplete { placeholder: props.placeholder }
17− [ Autocomplete.autocompleteTrigger {} ([] :: Array JSX)
16+ [ Autocomplete.autocomplete { placeholder: props.placeholder, defaultSelectedKey: "apple", "aria-label": "Fruit" }
17+ [ Autocomplete.autocompleteTrigger {}
18+ [ Autocomplete.autocompleteValue {} ([] :: Array JSX)
19+ , Autocomplete.autocompleteIndicator {} ([] :: Array JSX)
20+ ]
1821 , Autocomplete.autocompletePopover {}
1922 [ ListBox.listBox {}
2023 [ ListBox.listBoxItem { id: "apple" } (text "Apple")
2124 , ListBox.listBoxItem { id: "banana" } (text "Banana")
25+ , ListBox.listBoxItem { id: "cherry" } (text "Cherry")
2226 ]
2327 ]
2428 ]