Skip to content
Paramanu v0.1.0-alpha.0

Native Select

The Native Select wraps the browser’s native <select> element with consistent styling and a custom dropdown arrow.

Basic Usage

import { NativeSel } from "@paramanu/forms-react"


export default function App() {
  return (
    <NativeSel>
      <option value="">Select...</option>
      <option value="apple">Apple</option>
      <option value="banana">Banana</option>
    </NativeSel>
  )
}
<div class="pm-native-sel pm-native-sel--outline pm-native-sel--md">
  <select class="pm-native-sel__field">
    <option value="">Select...</option>
    <option value="apple">Apple</option>
    <option value="banana">Banana</option>
  </select>
  <span class="pm-native-sel__arrow" aria-hidden="true">&#9662;</span>
</div>