Box Shadow with Children
Apply ShineJS to child-rich layouts like cards and images.
This pattern mirrors apps/demo/src/app/auto-pilot-children/page.tsx.
"use client";
import { Shine } from "@hazya/shinejs/react";
export function ImageGridShadow() {
return (
<Shine as="div" className="grid grid-cols-3 gap-4">
<img src="/img-1.jpg" alt="1" />
<img src="/img-2.jpg" alt="2" />
<img src="/img-3.jpg" alt="3" />
</Shine>
);
}Because the target has child elements, shinejs uses boxShadow automatically.