Having trouble changing the color of the top border by passing the color value as props to the component, but the changes don't seem to take effect.
Any suggestions or solutions would be greatly appreciated!
export default function TargetsProgressInfo(props) {
return (
<ul>
<span className={` after:border-[7px] after:w-4 ${props.colorScheme} after:border-b-transparent`}></span></li>
</ul>
</div >
)
}
**home.jsx**
<TargetsProgressInfo colorScheme="after-border-t-red-600"/&>