Country select

Country select allows users to make a single selection from a list of countries.

Use country select to let people select a single country from a list of countries.

import React from 'react'; import { Label } from '@atlaskit/form/label/default'; import { CountrySelect } from '@atlaskit/select/country-select'; const CountrySelectExample = (): React.JSX.Element => ( <> <Label htmlFor="country-select-example">What country do you live in?</Label> <CountrySelect inputId="country-select-example" placeholder="" /> </> ); export default CountrySelectExample;
Was this page helpful?
We use this feedback to improve our documentation.
  • Design system
    • Get started
    • Foundations
    • Components
    • Rovo UI
    • Tools
    • Release phases
    • Contact us
© 2026 AtlassianTrademark, (opens new window)Privacy, (opens new window)License