I'm encountering an issue in my React application where I'm rendering a table with dynamic rows using components. However, the rows are being treated as separate elements instead of components within the table body. Despite generating the rows dynamically using…
I am trying to convert the below code to cva.. {items.map((item, index) => { const isActive = item.key === SOMETHING; return ( <div key={index} className={clsx( `cursor-pointer`, { "text-white": isActive && variant === "inverted", "text-stone-950": isActive && variant === "default", "text-[#9b9b9b]":…
I am trying to accomplish this border in the middle but I don't know how to go about it. Tried using drop-shadow but it's not perfect. Could there be an alternative to clipPath that would allow me to do this?…
After submitting my CSS code to Post CSS Variables Playground it changes my variables to the actual value defined in the stylesheet. Is there a specific reason this occurs? I'm still in the early stages of learning web development so…
I have the following markup on my page: <h1 id="some-fragment"> <a href="#some-fragment" class="fragment-link"> <svg height="16" width="16" viewbox="0 0 24 24" fill="none" stroke="#000" stroke-width="2"> <path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5…
https://jsfiddle.net/p4d57e8x/3/ const getArcPath = (start, end, innerRadius, outerRadius) => { const startAngle = start * Math.PI * 2; const endAngle = end * Math.PI * 2; const x1 = innerRadius * Math.sin(startAngle); const y1 = innerRadius * -Math.cos(startAngle); const x2…
I need a dropdown menu that would have certain groups of choices, with the first option being "Use all data". That choice makes up it's own option group, and this group doesn't need a name. Unfortunately, selectInput() doesn't allow that.…
My portfolio site is working fine on local host but when i deploy it on vercel,url's of my linkedin profile and github page are showing 404:NOT_FOUND error Here is the link of my website text.Can anyone help me i am…
This is a Colour Matching game where there is a target colour and a grid of colours. We have to click the correct colour and earn a point. But there is a problem in checking the colour and points iteration…
I have prepared a simple test web page at Github (using the main.css file) for my question: In a vertical flexbox layout I am trying to use ResizeObserver to watch a parent div element with flex-grow:1 and then keep the…