Flatland UI

Flatland association identity UI components.

Installation

1. Install the package
2. Link the package's resources in your angular.json
   • In "assets", add

     {
       "glob": "**/*",
       "input": "<PATH_TO_NODE_MODULES>/@flatland-association/flatland-ui/public",
       "output": "ui"
     }

   • In "styles", add:

     "<PATH_TO_NODE_MODULES>/@flatland-association/flatland-ui/src/styles.scss"

3. Include the package's tailwind.config as base and the module code as content to your project's tailwind configuration like this:

   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}'],

4. Include the routes for "impressum", "privacy" and "not found" in your app.routes.ts

     { path: 'impressum', component: ImpressumView },
     { path: 'privacy', component: PrivacyView },
     { path: '**', component: NotFoundView },

5. (Optional) Include the default icon:

   <link rel="icon" type="image/x-icon" href="ui/fl-icon-neutral-bright.png" />