Components
Chat
Chat InputColors
Color AreaColor FieldColor PickerColor SliderColor SwatchColor Swatch PickerColor ThumbColor WheelDrag and drop
Drop ZoneForms
CheckboxCheckbox GroupFieldFormInput OTPInput PhoneNumber FieldRadio GroupSearch FieldSelection BoxTag FieldText FieldTextareaTypography
TypographyUtilities
Visually HiddenInertia js
Inertia.js
Ready to give your Inertia.js project that sleek, dark mode look? Check out this guide and get your app looking smooth and stylish in the dark.
Provider and Switcher
First of all, let's create a folder called providers inside the resources/js directory. Inside this folder, create a file called theme-provider.tsx. After that, you of course need a switcher right, so create a file called theme-switcher.tsx inside the Components folder. So your folder structure now is likes this:
resources/js
├── Components
│ └── theme-switcher.tsx
│ └── ...
├── providers
│ └── theme-provider.tsx
│ ...Loading source code...
Usage
Next, you'll use it insdie the app.tsx file like this:
Loading source code...