[![Cover](https://fqjltiegiezfetthbags.supabase.co/storage/v1/object/public/common.images/npm/primereact-npm.jpg)](https://primereact.dev)

# primereact

Unstyled, composable React primitives. Behavior, state, keyboard navigation and accessibility are handled; styling is left entirely open.

```bash
npm install primereact
```

## Usage

Each component has its own subpath. Multi-element components are composed from named parts, so markup, nesting and class names stay under full control.

```tsx
import { Select } from 'primereact/select';
import { ChevronDown } from '@primeicons/react/chevron-down';

<Select.Root options={languages} optionLabel="label" optionValue="value">
    <Select.Trigger className="flex w-56 items-center justify-between rounded-md border px-3 py-2">
        <Select.Value placeholder="Select a language" />
        <Select.Indicator>
            <ChevronDown />
        </Select.Indicator>
    </Select.Trigger>
    <Select.Portal>
        <Select.Positioner>
            <Select.Popup className="rounded-md border bg-white shadow-lg">
                <Select.List />
            </Select.Popup>
        </Select.Positioner>
    </Select.Portal>
</Select.Root>;
```

The application is wrapped once with `PrimeReactProvider` from `@primereact/core`. No theme or preset is needed, since primitives ship no CSS.

## Documentation

- [Installation](https://primereact.dev/docs/primitive/guides/installation)
- [Components](https://primereact.dev/docs/primitive/components/autocomplete)
- [MCP server](https://www.npmjs.com/package/@primereact/mcp)

## License

Licensed under the [PrimeUI License](https://primeui.dev/licenses) - Copyright (c) [PrimeTek Informatics](https://www.primetek.com.tr)