LeafyGreen UI
A library of React components, CSS patterns, and CLI tools for MongoDB's LeafyGreen Design System.
Getting Started
With LeafyGreen CLI
- Create or open a React project
- Install the LeafyGreen CLI
npm install -g @lg-tools/cli
- Install all, or some LeafyGreen components
lg install
lg install button combobox
- Import LeafyGreen components into your project
import Button from '@leafygreen-ui/button';
import { Combobox, ComboboxOptions } from '@leafygreen-ui/combobox';
Without CLI
- Create or open a React project
- Install individual LeafyGreen components using
npm,pnpm, oryarn
pnpm add @leafygreen-ui/button
- Import LeafyGreen components into your project
import Button from '@leafygreen-ui/button';
Packages
Contributing
We welcome contributions! Please see our Contributing Guide for details on:
- Setting up your development environment
- Creating new components
- Testing and code style
- Submitting pull requests
For advanced topics like testing in external applications and publishing, see our Developer Guide.
License
The source files in this repository are made available under the terms of the Apache License, version 2.0.