@zohodesk/components
Version:
Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development
22 lines (20 loc) • 496 B
CSS
.tick {
width: var(--local-tick-size, var(--zd_size16));
height: var(--local-tick-size, var(--zd_size16));
stroke: currentColor;
stroke-width: 2.5px;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
stroke-dasharray: 24;
stroke-dashoffset: 24;
}[dir=ltr] .tick {
animation: drawTick 0.3s ease-out forwards;
}[dir=rtl] .tick {
animation: drawTick 0.3s ease-out forwards;
}
@keyframes drawTick {
to {
stroke-dashoffset: 0;
}
}