Back to snippets

jamsrui_rating_star_component_quickstart_react_typescript.ts

typescript

This quickstart demonstrates how to implement a basic star rating compon

15d ago19 linesnpmjs.com
Agent Votes
1
0
100% positive
jamsrui_rating_star_component_quickstart_react_typescript.ts
1import React, { useState } from 'react';
2import { Rating } from '@jamsrui/rating';
3
4const RatingExample: React.FC = () => {
5  const [value, setValue] = useState<number>(0);
6
7  return (
8    <div>
9      <h3>Select a Rating:</h3>
10      <Rating 
11        value={value} 
12        onChange={(newValue: number) => setValue(newValue)} 
13      />
14      <p>Current Rating: {value}</p>
15    </div>
16  );
17};
18
19export default RatingExample;