Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles by Rushi Javiya
Page 14 of 14
Identifiers and Keywords in Typescript
In this tutorial, we'll learn about identifiers and keywords in TypeScript. Identifiers and keywords are two fundamental concepts in TypeScript, a statically-typed superset of JavaScript. Identifiers are names we give to variables, functions, classes, and other things in our code. Keywords are special words with specific meanings in TypeScript and can't be used as identifiers. Identifiers must follow certain rules in naming variables, functions, and classes to avoid syntax errors. On the other hand, using keywords as identifiers can lead to errors and make our code difficult to read and understand. Rules and Best Practices for Identifiers and ...
Read MoreHow to use Paper Component in ReactJS?
In Material UI, the Paper component is very similar to the card component, and basically, it also creates a card of the required dimensions. The main difference between the Card and Paper components is the ‘Elevation’ prop. The Elevation props allow setting the box shadow for the Paper component to add 3D effects. Syntax Users can follow the syntax below to use the Paper component of Material UI. Example 1 (Basic use of Paper Component) In the example below, we added the Paper component inside the Box component of Material UI. Also, we have set the dimensions ...
Read MoreHow to use Link Component in ReactJS?
The links are important for any application to navigate different web pages. We can use the tag to create links in the HTML. However, the Material UI library provides the Link component to create a stylish link. Users can execute the below command to install the Material UI library in the React project. npm install @mui/material @emotion/react @emotion/styled Syntax Users should follow the syntax below to use the Link component of Material UI. Link In the above syntax, href takes a link to the targeted web page. Example 1 (Basic Link ...
Read MoreHow to use input readonly attribute in jQuery?
The readonly is an HTML attribute that we can add to any HTML tag. Whenever we use the readonly attribute with any HTML element, it becomes non-editable. Users can’t write into the text field but can only read. In this tutorial, we will learn to add the readonly attribute to the HTML element using the various methods of jQuery. Use the attr() method of jQuery The attr() method of jQuery sets the attribute to the HTML element. It takes two parameters, and we can pass the attribute name as the first parameter and the attribute value as the second ...
Read MoreHow to use Grid Component in Material UI?
The grid means the structure of rows and columns like a table. When we create a table using the HTML tag, we can create every row and column of different dimensions, but the Grid component of the Material Ui library allows us to do so. We can use the Grid component of the Material UI as a container and item. Also, we can adjust the grid automatically according to the dimensions of the device screen. Users first need to install the Material Ui library to use the Grid component in the React project using the below command. ...
Read MoreHow to use Fab Component in Material UI?
The fab component is a short form of the floating action button. You may have seen the floating action button in many Android applications at the bottom right corner. However, it's not fixed that you need to add the floating action button at the bottom right corner, but it is the most used place. Users can use the Fab component of Material UI to create floating action buttons with different icons. To start with the Material UI, execute the below command in the terminal in the React project directory. npm install @mui/material @emotion/react @emotion/styled Syntax Users can ...
Read MoreHow to click anywhere on the page except one element using jQuery?
We will learn to check if users have clicked anywhere on the page except one element using JavaScript and jQuery. While working with the modals, we require to close the modal when the user clicks the outside of the modal. So, we can achieve that using various methods of JavaScript or jQuery. Also, there are other use cases where we need to check whether users have clicked on a particular element. For example, when users click outside the dropdown menu, close the dropdown menu; Otherwise, select the option from the dropdown menu. Here, we have different approaches to check if ...
Read More