Select

npm install @fbin-web/neighborhood-core

import { NbhdSelect } from '@fbin-web/neighborhood-core';

<nbhd-select
  aria-label="Descriptive text about this input"
  label="Select form field label"
  help-text="This is some help text for the select."
  error-text="Please select an option.">
</nbhd-select>

<script>
  const nbhdSelect = document.querySelector('nbhd-select');

  nbhdSelect.items = [
    {
      name: 'option 1',
      value: '1',
    },
    {
      name: 'option 2',
      value: '2',
    },
    {
      name: 'option 3',
      value: '3',
    },
  ];
</script>

npm install @fbin-web/neighborhood-react

import { NbhdSelect } from '@fbin-web/neighborhood-react';

import { NbhdSelect } from '@fbin-web/neighborhood-react';

const items = [
  {
    name: 'option 1',
    value: '1',
  },
  {
    name: 'option 2',
    value: '2',
  },
  {
    name: 'option 3',
    value: '3',
  },
];

const App = () => (
  <>
    <NbhdSelect
      ariaLabel="Descriptive text about this input"
      label="Select form field label"
      helpText="This is some help text for the select."
      errorText="Please select an option."
      items={items}></NbhdSelect>
  </>
);