# React components
Real React components for the Diametral Design System. They are plain ES modules
(authored with `React.createElement`, no JSX), so they ship with **no build step** and run
both from npm in any React app and directly in the browser via an import map.
Styling comes from the global stylesheet — load it once:
```js
import "@diametral/design-system/css/diametral.css";
```
`react` and `react-dom` (>=18) are peer dependencies.
## Usage
```jsx
import { Button, Status, Metric, Callout, Switch, Modal } from "@diametral/design-system/react";
function Example() {
const [open, setOpen] = React.useState(false);
return (
<>