Skip to content
Paramanu v0.1.0-alpha.0

Select

The Select component provides a custom dropdown with a trigger button and a listbox of options.

Basic Usage

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


export default function App() {
  return (
    <Select placeholder="Select...">
      <div role="option">Apple</div>
      <div role="option">Banana</div>
    </Select>
  )
}
<div class="pm-select pm-select--outline pm-select--md">
  <button type="button" class="pm-select__trigger" role="combobox" aria-expanded="false" aria-haspopup="listbox">Select...</button>
  <div class="pm-select__listbox" role="listbox">
    <div role="option">Apple</div>
    <div role="option">Banana</div>
  </div>
</div>