Something went wrong. Try again.
A design system in a box. hip-ui.tngl.io/docs/introduction
Something went wrong. Try again.
TSX
12345678910111213141516171819202122232425262728293031323334353637import * as stylex from "@stylexjs/stylex";import { useEffect, useState } from "react";
import { ProgressCircle } from "../../components/progress-circle";
const styles = stylex.create({ wrapper: { gap: "8px", display: "flex", flexDirection: "column", },});
export function Basic() { const [value, setValue] = useState(0);
useEffect(() => { const interval = setInterval(() => { setValue((prev) => { const newVal = Math.min(100, prev + 10 * Math.random());
if (newVal === 100) { clearInterval(interval); }
return newVal; }); }, 500); }, []);
return ( <div {...stylex.props(styles.wrapper)}> <ProgressCircle value={value} /> </div> );}