Installation

Install the package

npm install react-splitkit

Import styles

The library ships a minimal styles.css that provides theming tokens and the structural flex rules for the tablist slots. Import it once at the root of your app:

import 'react-splitkit/styles.css';

If you are driving all visuals with Tailwind CSS (as the demo does), you can skip the library stylesheet and copy the structural rules into your own global CSS instead — see the Quick start for the exact snippet.

Peer dependencies

react-splitkit requires React 18 or later.

{
  "peerDependencies": {
    "react": ">=18"
  }
}