Tailwind CSS Playground

index.html
App.jsx
// Docs {@link https://tailwindcss.com/docs/text-color}
import { useState } from 'react';
const color = '#f12313'
const getHex = async () => await new Promise(ok => setTimeout(() => ok(color), 3000));
export function App() {
  const [hex, setHex] = useState('white');
  useEffect(() => {
    getHex().then(color => setHex(color))
}, [])
  return (
    <div>
      <p style={{color: hex}}>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rerum, nihil!</p>
    </div>
  );
}
window.tailwind.config = {
  theme: {
    extend: {
      colors: {
        'my-indigo': '#4f45e5',
      },
    },
  },
};
Web View