@wix/design-system
Version:
@wix/design-system
32 lines (21 loc) • 570 B
Markdown
## Feature Examples
### Interactive
- description:
- example:
```jsx
() => {
const [match, setMatch] = React.useState('sit');
return (
<Box direction="vertical">
<FormField label="Type anything and watch how it's being highlighted in the text below">
<Input value={match} onChange={event => setMatch(event.target.value)} />
</FormField>
<Box margin="SP4">
<Highlighter match={match}>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</Highlighter>
</Box>
</Box>
);
};
```