React-এ CSS মডিউলে ফাইলের জন্য composes কমান্ড
composes কমান্ডটি এক ফাইল থেকে অন্য ফাইলে
স্টাইল পুনরায় ব্যবহার করার জন্যও প্রয়োগ করা যেতে পারে।
আসুন আমরা buttons অ্যাপ্লিকেশনে ফিরে যাই,
যা আমরা আগের পাঠে তৈরি করেছিলাম।
ধরুন আমরা সব বাটনে একই ছায়া, কার্সার স্টাইল
এবং বোল্ড ফন্ট যোগ করতে চাই। এই স্টাইলগুলি যেন
App.module.css ফাইলে অবস্থিত থাকে।
আসুন এই ফাইলটি খুলি এবং এর শুরুতে一个新 নতুন ক্লাস
beauty এই স্টাইলগুলি সহ যোগ করি:
.beauty {
box-shadow: rgba(50, 50, 50, 0.2) 0 5px 5px 0;
font-weight: bold;
cursor: pointer;
}
আসুন বাটন স্টাইল করার জন্য এটি প্রয়োগ করি।
এজন্য Buttons.module.css খুলি এবং
common-btn ক্লাসে পরিবর্তন আনি।
আমরা composes কমান্ড সহ একটি লাইন যোগ করব,
যেখানে আমরা beauty ক্লাসের নাম উল্লেখ করব,
যেটি আমরা প্রয়োগ করতে চাই এবং App.module.css ফাইলের,
যেখানে এই ক্লাসটি অবস্থিত:
.common-btn {
composes: beauty from "../App.module.css";
font-size: 16px;
border-radius: 3px;
}
আপনার অ্যাপ্লিকেশনের কোড নিন আগের পাঠের টাস্ক থেকে এবং এই পাঠে প্রদত্ত পদ্ধতি ব্যবহার করে আপনার ইনপুটগুলিতে কোনো একটি ছায়া তৈরি করুন।
