3.37.1 • Published 7 months ago

@adobe/react-spectrum v3.37.1

Weekly downloads
2,272
License
Apache-2.0
Repository
github
Last release
7 months ago

React Spectrum

A React implementation of Spectrum, Adobe’s design system.

Features

  • ♿️ Accessible – React Spectrum components are designed with accessibility top-of-mind and include full screen reader and keyboard navigation support.
  • 📱 Adaptive – React Spectrum components are designed to work with mouse, touch, and keyboard interactions. They’re built with responsive design principles to deliver a great experience, no matter the device.
  • 🌍 International – React Spectrum components are designed to support over 30 languages, including support for right-to-left languages, date and number formatting, and more.
  • 🎨 Customizable theming – React Spectrum supports custom themes to match your brand, including automatic support for dark mode.

Getting started

The easiest way to start building a React Spectrum application is by following our getting started guide. It walks through all of the steps needed to install the components from npm, set up build tooling, and create your first application.

Example

Here is a very basic example of using React Spectrum.

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

// Render it in your app!
function App() {
  return (
    <Provider theme={theme}>
      <Button
        variant="cta"
        onPress={() => alert('Hey there!')}>
        Hello React Spectrum!
      </Button>
    </Provider>
  );
}

Learn more

React Spectrum is part of a family of libraries that help you build adaptive, accessible, and robust user experiences. Learn more about React Aria and React Stately if you'd like to build your own component library from scratch on our website.

uap-ui-components@eamit24/abc-react@infinitebrahmanuniverse/nolb-_ado@everything-registry/sub-chunk-29spectrum-reusable-componenttest-jsonforms-react-spectrum-rendererswprdc-componentsspectrum_componentsjsonforms-react-spectrum-vite-test@apoorva2405/uxp-devtools-app@anant3232/adobe-product-list-component@anant3232/anantdemoxdsf3232-xx4@adobe/gatsby-theme-parliament@adobe/assurance-event-data@adobe/assurance-timeline-bar@adobe/assurance-timing-view@adobe/assurance-validation-item@adobe/parliament-ui-components@adobe/reactor-extension-braze-edge@adobe/reactor-extension-cloud-connector-edge@adobe/reactor-extension-core-edge@adobe/reactor-extension-linkedin-edge@adobe/reactor-extension-meta-conversion-api-edge@adobe/reactor-extension-meta-pixel@adobe/reactor-extension-pinterest-edge@adobe/reactor-extension-twitter-edge@adobe/reactor-sandbox@adobe/uxp-devtools-app@aem-screens/franklin-variation-creator@deephaven/code-studio@deephaven/components@deephaven/app-utils@deephaven/react-hooks@digital-garden-builder/client@samgreening/sanity-plugin-datetime@icap-ethiopia/esm-ethiohri-app@icap-ethiopia/esm-patient-banner-app@maticoapp/matico_components@efialtisgr/code-studiomy-npm-reactpackagemynewpackreactmerge-editorpandariareiconify-serveimgnx-press@watheia/theme.context.theme-provider@watheia/nx-lab.spectrum.atoms.divider@watheia/nx-lab.spectrum.atoms.link@watheia/nx-lab.spectrum.atoms.text@watheia/nx-lab.spectrum.layout.flex@watheia/nx-lab.spectrum.layout.grid@watheia/nx-lab.spectrum.molecules.content@watheia/nx-lab.spectrum.molecules.footer@watheia/nx-lab.spectrum.molecules.header@watheia/kit.theme.theme-provider@wuespace/telestion-client-common@wuespace/telestion-client-template@watheia/nx-lab.spectrum.themedocs-differdua.designdx-customer-engineering-poc-component-libraryez-aem-jsonforms-react-spectrum-renderersgapo-ui
3.37.1

8 months ago

3.37.0

9 months ago

3.0.0-nightly.3114

9 months ago

3.0.0-nightly.3102

10 months ago

3.0.0-nightly.3104

10 months ago

3.0.0-nightly.3110

10 months ago

3.0.0-nightly.3094

10 months ago

3.0.0-nightly.3018

11 months ago

3.0.0-nightly.3023

11 months ago

3.0.0-nightly.3022

11 months ago

3.0.0-nightly.3026

11 months ago

3.0.0-nightly.3006

11 months ago

3.0.0-nightly.3011

11 months ago

3.0.0-nightly.3052

10 months ago

3.0.0-nightly.3051

10 months ago

3.0.0-nightly.3053

10 months ago

3.36.0

11 months ago

3.36.1

11 months ago

3.36.2

10 months ago

3.36.3

10 months ago

3.35.1

1 year ago

3.0.0-nightly.2961

12 months ago

3.0.0-nightly.2962

12 months ago

3.0.0-nightly.2969

12 months ago

3.0.0-nightly.2972

12 months ago

3.0.0-nightly.2971

12 months ago

3.0.0-nightly.2973

12 months ago

3.0.0-nightly.2979

12 months ago

3.0.0-nightly.2959

12 months ago

3.0.0-nightly.2986

11 months ago

3.0.0-nightly.2989

11 months ago

3.0.0-nightly.2988

11 months ago

3.0.0-nightly.2983

11 months ago

3.0.0-nightly.2982

12 months ago

3.0.0-nightly.2992

11 months ago

3.0.0-nightly.2997

11 months ago

3.35.0

1 year ago

3.34.1

1 year ago

3.34.0

1 year ago

3.33.1

1 year ago

3.33.0

1 year ago

3.32.0

2 years ago

3.32.1

2 years ago

3.32.2

2 years ago

3.29.0

2 years ago

3.31.0

2 years ago

3.31.1

2 years ago

3.30.0

2 years ago

3.28.0

2 years ago

3.27.0

2 years ago

3.26.0

2 years ago

3.25.1

2 years ago

3.25.0

2 years ago

3.24.0

2 years ago

3.24.1

2 years ago

3.23.0

3 years ago

3.22.0

3 years ago

3.21.1

3 years ago

3.21.0

3 years ago

3.21.2

3 years ago

3.19.0

3 years ago

3.20.0

3 years ago

3.18.0

3 years ago

3.17.0

3 years ago

3.16.5

3 years ago

3.16.4

3 years ago

3.15.1

3 years ago

3.16.1

3 years ago

3.16.0

3 years ago

3.16.3

3 years ago

3.16.2

3 years ago

3.15.0

4 years ago

3.14.1

4 years ago

3.14.0

4 years ago

3.13.0

4 years ago

3.12.0

4 years ago

3.11.2

4 years ago

3.11.1

4 years ago

3.11.0

4 years ago

3.10.0

4 years ago

3.9.0

4 years ago

3.8.0

4 years ago

3.7.0

4 years ago

3.6.0

5 years ago

3.5.0

5 years ago

3.4.0

5 years ago

3.3.0

5 years ago

3.2.0

5 years ago

3.1.0

5 years ago

3.0.2

5 years ago

3.0.1

5 years ago

3.0.0

5 years ago

3.0.0-rc.0

5 years ago