style-preview SearchBarDemo.tsx

100% Statements 3/3

100% Branches 0/0

100% Functions 1/1

100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 1x
 
 
 
 
 
 
1x
1x
 
 
 
 
 
  'use client';
 
import { useState } from 'react';
import { SearchBar } from '@/components/ui/SearchBar';
 
/** Holds the controlled SearchBar's state so the server-rendered preview can show it. */
export function SearchBarDemo() {
  const [value, setValue] = useState('');
  return (
    <div className="style-preview__search">
      <SearchBar value={value} onChange={setValue} placeholder="Search…" />
    </div>
  );
}