Gabriel Menezes mnzsss

shadcn/ui multi tag input component

A react tag input field component using shadcn, like one you see when adding keywords to a video on YouTube. Usable with Form or standalone.

	import { useMediaQuery } from 'usehooks-ts'
	import { useMemo } from 'react';
	import { screens } from '.generated/screens';

	/*
	// You can also define the screens object manually if you don't want to use a prebuilt script.

	const screens = {
	sm: '640px',
	md: '768px',

	import { Test, TestingModule } from '@nestjs/testing';
	import { PrismaService } from '../prisma.service';
	import { JobService } from './job.service';
	import * as crypto from 'crypto';

	describe('JobService', () => {
	let service: JobService;
	let prisma: PrismaService;

	beforeEach(async () => {

	/**
	* Sets up a DOM MutationObserver that watches for elements using undefined CSS
	* class names. Performance should be pretty good, but it's probably best to
	* avoid using this in production.
	*
	* Usage:
	*
	* import cssCheck from './checkForUndefinedCSSClasses.js'
	*
	* // Call before DOM renders (e.g. in <HEAD> or prior to React.render())


	<h1 align="center">
	<br>
	<img src="YOUR_LOGO_URL" alt="YOUR_PROJECT_NAME" width="120">
	<br>
	<br>
	YOUR_PROJECT_NAME
	</h1>

	<p align="center">A little description about your project</p>


	<h1 align="center">
	<br>
	<img src="YOUR_LOGO_URL" alt="YOUR_PROJECT_NAME" width="120">
	<br>
	<br>
	YOUR_PROJECT_NAME
	</h1>

	<p align="center">A little description about your project</p>

	import { useRef } from 'react';

	const safeDocument = typeof document !== 'undefined' ? document : {};

	/**
	* Usage:
	* const [blockScroll, allowScroll] = useScrollBlock();
	*/
	export default () => {
	const scrollBlocked = useRef();

	/**
	* Simple is object check.
	* @param item
	* @returns {boolean}
	*/
	function isObject(item) {
	return (item && typeof item === 'object' && !Array.isArray(item));
	}

	/**