Code – Nextra

SelectField

▸ SelectField(props): null | ReactElement<any, string | JSXElementConstructor<any>>

Select fields allow merchants to choose a single option from a list that includes between five and seven values.

Parameters

Name	Type
`props`	`SelectFieldProps` & `RefAttributes`<`HTMLSelectElement` (opens in a new tab)>

Returns

null | ReactElement<any, string | JSXElementConstructor<any>>

Example

example.tsx

<SelectField label="Label" helpText="Help text" errorText="Error text">
  <option>option</option>
  <option>option</option>
  <option>option</option>
</SelectField>

import React from 'react'
import { SelectField } from '@vtex/shoreline-components'

export default function App() {
return (<>
<SelectField
label="Label"
helpText="Help text"
errorText="Error text"

>

  <option>option</option>
  <option>option</option>
  <option>option</option>
</SelectField>
</>
)}

Open Sandbox

Defined in

node_modules/.pnpm/@types+react@18.2.14/node_modules/@types/react/ts5.0/index.d.ts:355

Props Props