On top of the PWA/sidebar functionality, gatsby-theme-simpwa also provides a few custom components to improve on the bland native HTML components: you can check them out in the left sidebar.

Their native equivalents are visible in the right sidebar for comparison.

On top of that, there is also a styled native select component that looks like this:

To create your own select components, you can use either of this theme's StyledSelect or CustomSelect. Both of them have the same API as the HTML native select tag, e.g.:

import { StyledSelect } from 'gatsby-theme-simpwa';

<StyledSelect>
  <option value='1'> 1 </option>
  <option value='2'> 2 </option>
  <option value='3'> 3 </option>
</StyledSelect>