Get started with Spectrum 2

# React Spectrum S2 (recommended for new projects)
npm install @react-spectrum/s2

# Peer dependencies
npm install react react-dom react-aria react-stately

import {Provider, defaultTheme} from '@react-spectrum/s2';

function App() {
  return (
    <Provider theme={defaultTheme} colorScheme="light">
      {/* your app here */}
    </Provider>
  );
}

import {Button, TextField} from '@react-spectrum/s2';
import {useState} from 'react';

function SearchBar() {
  const [value, setValue] = useState('');

  return (
    <div style={{display: 'flex', gap: 8}}>
      <TextField
        label="Search"
        value={value}
        onChange={setValue}
        placeholder="Search…"
      />
      <Button
        variant="accent"
        onPress={() => console.log(value)}>
        Search
      </Button>
    </div>
  );
}