eos_icons_react_typescript_component_usage_quickstart.ts

1import React from 'react';
2import { Icon } from 'eos-icons-react';
3
4const App: React.FC = () => {
5  return (
6    <div>
7      <h1>EOS Icons Quickstart</h1>
8      
9      {/* Basic usage of an EOS Icon */}
10      <Icon name="loading" />
11
12      {/* Usage with size and color props */}
13      <Icon name="filled_check_circle" size="48px" color="green" />
14
15      {/* Using a rotating/animated icon */}
16      <Icon name="loading" rotate />
17    </div>
18  );
19};
20
21export default App;