Komanda composes për skedarët në CSS modules në React

Komanda composes mund të aplikohet edhe për ripërdorimin e stileve nga një skedar në një tjetër.

Le të kthehemi te aplikacioni buttons, që kemi bërë në mësimet e mëparshme. Supozoni, ne duam t'u shtojmë të gjitha butonave hije identike, stil kursor dhe shkronja të trasha. Le që këto stile të jenë të vendosura në skedarin App.module.css. Le ta hapim këtë skedar dhe të shtojmë në fillim një klasë të re beauty me këto stile:

.beauty { 
	box-shadow: rgba(50, 50, 50, 0.2) 0 5px 5px 0;
	font-weight: bold;
	cursor: pointer;
}

Le ta aplikojmë atë për stilizimin e butonave. Për këtë, le të hapim Buttons.module.css dhe të bëjmë ndryshime në klasën common-btn. Ne do të shtojmë një rresht me komandën composes, ku do të tregojmë emrin e klasës beauty, që duam ta aplikojmë dhe skedarin App.module.css, në të cilin ndodhet kjo klasë:

.common-btn {
	composes: beauty from "../App.module.css"; 
	font-size: 16px;
	border-radius: 3px;
}

Merrni kodin e aplikacionit tuaj nga detyra e mësimit të kaluar dhe bëni ndonjë hije për inputet tuaja duke përdorur mënyrën e treguar në këtë mësim.