import { ReactComponentElement, useState } from 'react'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { AnimatePresence, motion } from 'framer-motion'; import cx from 'classnames'; import { InlineCommand } from '@nrwl/nx-dev/ui-commands'; import { sendCustomEvent } from '@nrwl/nx-dev/feature-analytics'; interface Tab { id: string; name: string; svg: (active: boolean) => ReactComponentElement; } function Tabs({ tabs = [], activeTab, setActiveTab, }: { tabs: Tab[]; activeTab: string; setActiveTab: (id: string) => void; }): ReactComponentElement { return (
); } function AngularPane(): ReactComponentElement { const opacityTranslateYVariant = { hidden: { opacity: 0, y: 46, }, visible: (delay: number = 0) => ({ opacity: 1, y: 0, transition: { delay, duration: 0.32 }, }), }; const router = useRouter(); return (

Create an Angular Workspace with Nx

Get an application up and running in minutes. No need to figure out webpack, e2e and unit test runners, linting. It all works out of the box.

You get better linting, better testing, a faster CLI, support for popular modern tools and libraries.

Angular{' '} (follow our Angular tutorial) {' '}

sendCustomEvent('code-snippets', 'click', router.pathname) } />

Full-stack app built with Angular and Nest.js{' '} (follow our Angular tutorial) {' '}

sendCustomEvent('code-snippets', 'click', router.pathname) } />