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