nextui/apps/docs/content/components/chip/custom-styles.ts

const App = `import {Chip} from "@nextui-org/react";

export default function App() {
  return (
    <Chip
      variant="shadow"
      classNames={{
        base: "bg-gradient-to-br from-indigo-500 to-pink-500 border-small border-white/50 shadow-pink-500/30",
        content: "drop-shadow shadow-black text-white",
      }}
    >
      New
    </Chip>
  );
}`;

const react = {
  "/App.jsx": App,
};

export default {
  ...react,
};