Skip to content
Paramanu v0.1.0-alpha.0

Combobox

The Combobox provides a text input that filters a dropdown list of suggestions as the user types.

Basic Usage

Apple
Banana
import { Combobox } from "@paramanu/forms-react"


export default function App() {
  return (
    <Combobox placeholder="Search...">
      <div role="option">Apple</div>
      <div role="option">Banana</div>
    </Combobox>
  )
}
<div class="pm-combobox pm-combobox--outline pm-combobox--md">
  <input class="pm-combobox__input" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-haspopup="listbox" placeholder="Search..." />
  <div class="pm-combobox__listbox" role="listbox">
    <div role="option">Apple</div>
    <div role="option">Banana</div>
  </div>
</div>