البدء

yarn add twenty-ui

yarn add @monaco-editor/react monaco-editor

import { Field, Input } from 'twenty-ui/primitives/input';
import { ThemeProvider } from 'twenty-ui/theme';

import 'twenty-ui/style.css';
import 'twenty-ui/theme-light.css';

export const App = () => (
  <ThemeProvider colorScheme="light">
    <Field.Root>
      <Field.Label>Email</Field.Label>
      <Input name="email" type="email" placeholder="you@example.com" />
      <Field.Description>Use your work email address.</Field.Description>
    </Field.Root>
  </ThemeProvider>
);

@layer reset, twenty-ui;

@layer reset {
  button {
    font: inherit;
  }
}

@layer theme, base, twenty-ui, components, utilities;