Advanced

Partial String Match

Highlights a string searched for in any DOM tree.
I’d love to drop anchor in your lagoon. And that was done without a single drop of rum… A pirate is a man that is weak to achieve but too strong to steal from even the greatest achiever. Without the messy paperwork.
I’d love to drop anchor in your lagoon. Where there is a sea there are pirates. You will always remember this as the day you almost caught Captain Jack Sparrow. Life’s pretty good, and why wouldn’t it be? I’m a pirate, after all. Damnation seize my soul if I give you quarters, or take any from you. Right from the Voyage og Noah, surviving was by sailing. Avast ye! and sail against the tides.
1
import {PartialStringMatch} from '@coveord/plasma-react';
2
3
const Demo = () => (
4
<PartialStringMatch partialMatch="pirate">
5
<div className="p1">
6
I’d love to drop anchor in your lagoon. And that was done without a single drop of rum… A pirate is a man
7
that is weak to achieve but too strong to steal from even the greatest achiever. Without the messy
8
paperwork.
9
</div>
10
<div className="p1">
11
I’d love to drop anchor in your lagoon. Where there is a sea there are pirates. You will always remember
12
this as the day you almost caught Captain Jack Sparrow. Life’s pretty good, and why wouldn’t it be? I’m a
13
pirate, after all. Damnation seize my soul if I give you quarters, or take any from you. Right from the
14
Voyage og Noah, surviving was by sailing. Avast ye! and sail against the tides.
15
</div>
16
</PartialStringMatch>
17
);
18
export default Demo;

Props

NameTypeDefaultDescription
caseInsensitiveboolean
childrenReactNode
partialMatchstring
wholeStringdeprecatedstring
use children instead

No guidelines exist for PartialStringMatch yet.

Create guidelines