Chấm in lưới

Dùng trong mã React

1. 1. Cài thư viện

   npm i @udemi/hinh-nen

   Chép

2. 2. Dán thành phần vào trang

   import { HalftoneDots } from "@udemi/hinh-nen";
   
   export function HinhNen() {
     return (
       <HalftoneDots
         colorBack="#f2f1e8"
         colorFront="#2b2b2b"
         originalColors={false}
         type="gooey"
         inverted={false}
         grid="hex"
         size={0.5}
         radius={1.25}
         contrast={0.4}
         grainMixer={0.2}
         grainOverlay={0.2}
         grainSize={0.5}
         scale={1}
         rotation={0}
         offsetX={0}
         offsetY={0}
         fit="cover"
         speed={0}
         image="/duong-dan/anh-cua-ban.png"
         style={{ width: "100%", aspectRatio: "16 / 9" }}
       />
     );
   }

   Chép