Getting Started

Silk Dropdown is a pure-JS select for React Native — popover or sheet, one API.

Silk Dropdown is a pure-JS select for React Native. One component covers anchored popovers and bottom sheets, with shared search, multi-select, theming, and Reanimated motion.

Overview of the example app scenes

What you need

  • React Native with the New Architecture
  • react-native-reanimated 4.x and react-native-worklets
  • Optional react-native-safe-area-context for accurate insets

See Installation for Expo and bare React Native steps.

Try it in Expo Snack

Open the interactive example on Expo Snack — no local setup required.

Minimal example

import { useState } from 'react';
import { Dropdown } from 'react-native-silk-dropdown';

const countries = [
  { label: 'Canada', value: 'ca' },
  { label: 'India', value: 'in' },
  { label: 'Japan', value: 'jp' },
];

export function CountryField() {
  const [value, setValue] = useState<string | null>(null);

  return (
    <Dropdown
      data={countries}
      value={value}
      onChange={setValue}
      placeholder="Select country"
      searchable
      clearable
      presentation="popover"
    />
  );
}

Where next