Stripe Text
Outrun slit type — the vice gradient cut into horizontal stripes.
VICE
Usage
import { StripeText } from '@vinyl-ui/effects';
<StripeText className="font-display text-8xl font-black italic">VICE</StripeText>Or the utilities: text-stripes (striped) and text-vice (smooth gradient fill). Tune the cut with
[--stripe-pitch:0.2em] and [--stripe-fill:0.12em].
Props
Prop
Type
Slit type has holes by design, so it can't meet text-contrast requirements. Use it for display numerals and short words, and never for anything people must read. On the web the text is still real, selectable text. On native an invisible copy carries the accessible label.