Breaking News: Grepper is joining You.com. Read the official announcement!

svg icon as react component

Ilham Fetchly answered on September 30, 2022 Popularity 10/10 Helpfulness 3/10

answer svg icon as react component

related define type of svg icon as a props in react js

svg icon as react component

Comment

import React from 'react';
import { useNavigate } from 'react-router-dom';
import { ReactComponent as Logo } from './assets/logo.svg';
import { ReactComponent as QuestionMarkIcon } from './assets/question-mark-icon.svg';
import { ReactComponent as UserIcon } from './assets/user-icon.svg;

const Navbar = () => {
  	const navigate = useNavigate();
	return (
      <div className="container">
    	<div className="row px-2 justify-content-between">
      		<Logo onClick={() => navigate('/')} />
			<div className="row justify-content-end">
      			<QuestionMarkIcon onClick={() => navigate('/help')} />
              	<UserIcon onClick={() => navigate('/user')} />
			</div>
      	</div>
	  </div>
	);
};

export default Navbar;

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript react-component svg

Link to this answer
Share Copy Link

Contributed on Mar 15 2023

Ilham Fetchly

0 Answers Avg Quality 2/10

Closely Related Answers

define type of svg icon as a props in react js

Comment

import React from "react";

interface SidebarRowProps {
    src?: string
    Icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>
    title: string
};
 Run code snippet

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 30 2022

DevAndR

0 Answers Avg Quality 2/10

svg icon as react component

Contents

More Related Answers

svg icon as react component

Closely Related Answers

define type of svg icon as a props in react js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.