You are viewing the legacy documentation of Plasma featuring the components from the
@coveord/plasma-react
and @coveord/plasma-style
packages. Those packages are deprecated and replaced by the @coveord/plasma-mantine
package. 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.
1import {PartialStringMatch} from '@coveord/plasma-react';23const Demo = () => (4<PartialStringMatch partialMatch="pirate">5<div className="p1">6I’d love to drop anchor in your lagoon. And that was done without a single drop of rum… A pirate is a man7that is weak to achieve but too strong to steal from even the greatest achiever. Without the messy8paperwork.9</div>10<div className="p1">11I’d love to drop anchor in your lagoon. Where there is a sea there are pirates. You will always remember12this as the day you almost caught Captain Jack Sparrow. Life’s pretty good, and why wouldn’t it be? I’m a13pirate, after all. Damnation seize my soul if I give you quarters, or take any from you. Right from the14Voyage og Noah, surviving was by sailing. Avast ye! and sail against the tides.15</div>16</PartialStringMatch>17);18export default Demo;
Props
Name | Type | Default | Description |
---|---|---|---|
caseInsensitive | boolean | ||
children | ReactNode | ||
partialMatch | string | ||
wholeString deprecated | string | use children instead |
No guidelines exist for PartialStringMatch yet.