Skip to content

Instantly share code, notes, and snippets.

View adarsh-gupta101's full-sized avatar
🎯
Focusing

Adarsh Gupta adarsh-gupta101

🎯
Focusing
View GitHub Profile
import React from "react";
import { Card, Elevation, HTMLTable } from "@blueprintjs/core";
import "@blueprintjs/icons/lib/css/blueprint-icons.css";
import "@blueprintjs/core/lib/css/blueprint.css";
const App = () => {
const testData = [
{
build_id: "3423847",
import { Group } from "@mantine/core";
import { Calendar } from "@mantine/dates";
import * as React from "react";
const App = () => {
const currentDate = new Date();
const handleDateChange = (date) => {
import React from "react";
import { Box, Heading, Text, Button } from "rebass";
function App() {
return (
<Box p={4} bg="white" boxShadow="0 0 8px rgba(0, 0, 0, 0.1)">
<Image
src={"https://rebassjs.org/logo.svg"}
sx={{
mport React, { useState } from "react";
import {
Grommet,
Box,
TextInput,
Button,
DataTable,
Layer,
Text,
} from "grommet";
import * as React from "react";
import {
Stack,
ChoiceGroup,
DefaultButton,
Icon,
MessageBar,
MessageBarType,
Persona,
PersonaSize,
import * as React from "react";
import { CornerDialog, Button } from "evergreen-ui";
const App = () => {
return <BasicCornerDialogExample />;
};
export default App;
mport { Button, Card, Image, Text } from "@nextui-org/react";
export default function App() {
return (
<Card css={{ mw: "400px" }}>
{/* center it */}
<Card.Body css={{ textAlign: "center" }}>
<Text h2>Cross Browser Testing</Text>
import React, { useState } from "react";
import { Box, Image } from "theme-ui";
const ImageCarousel = () => {
const [currentImageIndex, setCurrentImageIndex] = useState(0);
const images = [
"https://images.pexels.com/photos/15130357/pexels-photo-15130357.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
"https://images.pexels.com/photos/15316227/pexels-photo-15316227.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
"https://images.pexels.com/videos/7592810/cavalry-cold-dawn-daylight-7592810.jpeg",
import React, { useState, useEffect } from "react";
import { Chart } from "primereact/chart";
import { Card } from "primereact/card";
export default function FrameworkChart() {
const [chartData, setChartData] = useState({});
const [chartOptions, setChartOptions] = useState({});
import React from "react";
import { Card, CardMedia, CardContent, Typography } from "@mui/material";
import { Box } from "@mui/system";
const App = () => {
return (
<Box>
<Card sx={{ maxWidth: 500, padding: 5, margin: 2 }}>
<CardMedia