CoffeeStain — coffee-stain

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { CoffeeStain } from '@oalacea/chaosui/decorative/coffee-stain';

<CoffeeStain />
<CoffeeStain variant="wine" agedPaper burnEdges />
<CoffeeStain mode="inline" count={5} intensity="heavy" />

PROPS

PropTypeDefault

modePositioning mode

"overlay" | "inline""overlay"

intensityStain intensity

"light" | "medium" | "heavy""medium"

variantStain color variant

"coffee" | "tea" | "wine" | "ink""coffee"

countNumber of random stains

number3

stainsCustom stain configurations

StainConfig[]-

agedPaperShow aged paper effect

booleanfalse

paperTextureShow paper texture

booleanfalse

burnEdgesShow burn/dark edges

booleanfalse

edgeDarkeningShow edge darkening

booleanfalse