Country select

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

Motion in Early Access

Motion has been updated in Country Select and is in Early Access. The motion updates are currently behind the feature flag: platform-dst-motion-uplift-input.

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

What country do you live in?

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>
		{/* eslint-disable-next-line @atlaskit/design-system/no-placeholder */}
		<CountrySelect inputId="country-select-example" placeholder="" />
	</>
);

export default CountrySelectExample;

Was this page helpful?

We use this feedback to improve our documentation.