open-index/open-npm huggingface dataset:
npm package: @flatland-association/flatland-ui
Description: Flatland association identity UI components.
Latest version: 2.3.0

# Flatland UI

Flatland association identity UI components.

## Installation

1. Install the package
1. Link the package's resources in your `angular.json`
   - In `"assets"`, add
     ```json
     {
       "glob": "**/*",
       "input": "<PATH_TO_NODE_MODULES>/@flatland-association/flatland-ui/public",
       "output": "ui"
     }
     ```
   - In `"styles"`, add:
     ```json
     "<PATH_TO_NODE_MODULES>/@flatland-association/flatland-ui/src/styles.scss"
     ```
1. Include the package's `tailwind.config` as base and the module code as content to your project's tailwind configuration like this:
   ```js
   const { theme: baseTheme } = require('<PATH_TO_NODE_MODULES>/@flatland-association/flatland-ui/tailwind.config')
   /** @type {import('tailwindcss').Config} */
   module.exports = {
     presets: [require('<PATH_TO_NODE_MODULES>/@flatland-association/flatland-ui/tailwind.config')],
     // relative to where the project's `package.json` sits
     content: ['node_modules/@flatland-association/flatland-ui/**/*.mjs', './src/**/*.{html,ts}'],
   ```
1. Include the routes for "impressum", "privacy" and "not found" in your `app.routes.ts`
   ```ts
     { path: 'impressum', component: ImpressumView },
     { path: 'privacy', component: PrivacyView },
     { path: '**', component: NotFoundView },
   ```
1. (Optional) Include the default icon:
   ```html
   <link rel="icon" type="image/x-icon" href="ui/fl-icon-neutral-bright.png" />
   ```