Meow

Vitalij Ryndin crashmax-dev

Meow

🦄 Frontend Developer

crashmax-dev / box.tsx

Created November 10, 2021 12:59 — forked from domosedov/box.tsx

React TailwindCSS component example

	import type { FC, HTMLAttributes } from "react";

	type BoxProps = {
	as?: keyof JSX.IntrinsicElements;
	} & HTMLAttributes<HTMLOrSVGElement>;

	export const Box: FC<BoxProps> = ({ as: Component = "div", ...props }) => {
	return <Component {...props} />;
	};

crashmax-dev / css-in-tsx.tsx

Created April 2, 2024 14:46 — forked from artalar/css-in-tsx.tsx

	/* eslint-disable */

	// https://github.com/Chronstruct/display-primitives/issues/1#issuecomment-1518496207

	// declare global {
	// namespace JSX {
	// interface IntrinsicElements<T extends string> {
	// input: React.DetailedHTMLProps<
	// React.InputHTMLAttributes<HTMLInputElement>,
	// HTMLInputElement

crashmax-dev / line-draw.html

Created April 3, 2024 03:55 — forked from crutchcorn/line-draw.html

The code for this: https://twitter.com/crutchcorn/status/1774695605455224871

	<html lang="en">
	<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	</head>
	<body style="height: 300vh">
	<svg style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);"
	width="655" height="209" viewBox="0 0 655 209" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path d="M653 207V62C653 28.8629 626.228 2 593.091 2C519.318 2 391.639 2 292.675 2C270.583 2 252.717 19.9124 252.717 42.0038C252.717 63.5378 252.717 81.7221 252.717 81.7221C252.717 81.7221 252.717 81.7221 252.717 81.7221V167C252.717 189.091 234.808 207 212.717 207H2"
	stroke="#EAECF0" stroke-width="4" stroke-linecap="round"/>

crashmax-dev / client.ts

Created April 28, 2024 00:28 — forked from artalar/client.ts

reatomGql real example

	import { fingerprint } from 'src/infrastructure/fingerprint';
	import { Client, fetchExchange, makeOperation, mapExchange } from 'urql';

	export const client = new Client({
	url: '/api/graphql',
	requestPolicy: 'network-only',
	exchanges: [
	mapExchange({
	async onOperation(operation) {
	return makeOperation(operation.kind, operation, {