Originals
Liquid selection
Select some text below. Instead of hard blue boxes, a blob of light springs out of the caret, stretches as you drag, and the lines fuse into one continuous drop where they touch.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { LiquidSelection } from '@vizzele/react';
<LiquidSelection as="article">
<p>Selections in here are liquid.</p>
</LiquidSelection>Props
| Prop | Type | Default | Description |
|---|---|---|---|
as | ElementType | 'div' | Element to render. |
root (vanilla) | HTMLElement | document | Only selections inside it turn liquid. |
Accessibility
- Purely visual: the real selection is untouched, so copy, find and screen readers work as usual.
- Inputs, textareas and [data-vz-native-select] keep the native highlight.
- Forced colors: the system highlight returns.