Relative Content

Tag Archive for reactjstailwind-css

Added extend color doesn’t work in TailwindCSS

I’m trying to create a custom color and name it primary but it doesn’t seem to work. It works when using other names but it feels like there should be a way to naming it primary? What am I missing?

Removing ‘x’ icon on the right side on ‘input’ field in React

import { useState } from “react”; export default function SearchBar() { const [textFieldHovered, setTextFieldHovered] = useState(false); const [input, setInput] = useState(“”); // This is your input state return ( <> <form className=”w-[300px] invisible sm:visible” onSubmit={(e) => e.preventDefault()} > <div className=”relative”> <div className=”absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none”> <svg className=”w-4 h-4 text-gray-500 dark:text-gray-400″ aria-hidden=”true” xmlns=”http://www.w3.org/2000/svg” […]

Removing ‘x’ icon on the right side on ‘input’ field in React

import { useState } from “react”; export default function SearchBar() { const [textFieldHovered, setTextFieldHovered] = useState(false); const [input, setInput] = useState(“”); // This is your input state return ( <> <form className=”w-[300px] invisible sm:visible” onSubmit={(e) => e.preventDefault()} > <div className=”relative”> <div className=”absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none”> <svg className=”w-4 h-4 text-gray-500 dark:text-gray-400″ aria-hidden=”true” xmlns=”http://www.w3.org/2000/svg” […]