xxxxxxxxxx
<div className='bg-gradient-to-r from-blue-600 via-green-500 to-indigo-400 inline-block text-transparent bg-clip-text'>Hello world</div>
xxxxxxxxxx
<h1
class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r from-purple-400 to-pink-600"
>
Tailwind CSS
</h1>
xxxxxxxxxx
<h1 class="bg-gradient-to-r from-blue-600 via-green-500 to-indigo-400 inline-block text-transparent bg-clip-text">hello world</h1>
xxxxxxxxxx
<p
style={{
backgroundImage: 'linear-gradient(180deg, #FFFFFF 0%, rgba(254, 254, 254, 0.33) 100%)',
}}
className=" bg-clip-text text-[96px] font-[500] leading-[96px] text-transparent"
>
Leyna
</p>
xxxxxxxxxx
import { useCallback } from 'react';
import { Handle, Position } from '@xyflow/react';
const handleStyle = { left: 10 };
function TextUpdaterNode({ data }) {
const onChange = useCallback((evt) => {
console.log(evt.target.value);
}, []);
return (
<>
<Handle type="target" position={Position.Top} />
<div>
<label htmlFor="text">Text:</label>
<input id="text" name="text" onChange={onChange} className="nodrag" />
</div>
<Handle type="source" position={Position.Bottom} id="a" />
<Handle
type="source"
position={Position.Bottom}
id="b"
style={handleStyle}
/>
</>
);
}