info Chips.tsx

0% Statements 0/4

100% Branches 0/0

0% Functions 0/3

0% Lines 0/4

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
16
17
18  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
 
function Chips({ value }) {
  return (
    <div className="flex gap-1 flex-wrap">
      {value
        ?.filter((_: undefined, i: number) => i < 5)
        ?.map((chip: any, index: number) => (
          <div key={index} className="rounded bg-gray-100 p-1">
            <p className="text-sm">{chip.label}</p>
          </div>
        ))}
    </div>
  );
}
 
export default Chips;