@bigbinary/neeto-templates-frontend 1.2.0 → 2.0.0

package/README.md

@@ -65,17 +65,6 @@ Install the latest `NeetoTemplatesNano` package using the below command:
 yarn add @bigbinary/neeto-templates-frontend
 ```
 
-Install the dependency package:
-
-```shell
-yarn add @tailwindcss/line-clamp
-```
-Once installed add the plugin to your `tailwind.config.js` file:
-
-```js
- plugins: [require("@tailwindcss/line-clamp")]
-```
-
 ### Instructions for development
 Check the [Frontend package development guide](https://neeto-engineering.neetokb.com/p/a-d34cb4b0) for step-by-step instructions to develop the
 
@@ -143,6 +132,36 @@ const App = () => {
 
 Use the `PrivateRoute` component to conditionally render this component only for the `templates` subdomain.
 
+#### `TemplateTags` ([source code](https://github.com/bigbinary/neeto-templates-nano/blob/aec3368475c252284a25820c08ff151c1cdd254c/app/javascript/src/components/TemplateTags/index.jsx))
+The TemplateTags component is a React component used for displaying and managing tags within a web application. It provides a user interface for users to add, remove, edit and merge tags.
+
+##### Props
+- `breadcrumbs`: An array of breadcrumb items for navigation.
+- `tagsPath`: A string representing the path to the frontend route for tags page.
+- `otherProps`: Additional props to be passed to the component.
+
+  ##### Usage
+  ```jsx
+  import React from "react";
+  import { TemplateTags } from "@bigbinary/neeto-templates-frontend";
+
+  const App = () => {
+    const breadcrumbs = [
+      {
+        link: "/forms",
+        text: "Forms",
+      },
+    ];
+    return (
+      <TemplateTags
+        breadcrumbs={breadcrumbs}
+        tagsPath="/settings/templates/tags"
+      />
+    );
+  };
+  ```
+  Use the `PrivateRoute` component (no need to add exact) to conditionally render this component only for the `templates` subdomain.
+
 # Instructions for Publishing
 
 Consult the [building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages) guide for details on how to publish.

package/app/javascript/src/translations/en.json

@@ -33,6 +33,10 @@
         "saveChanges": "Save changes",
         "cancel": "Cancel"
       }
+    },
+    "templatesTags": {
+      "template": "Template",
+      "numberOfActiveTemplates": "Number of active {{taxonomies.entity.plural}}"
     }
   }
 }