Directus Extension Svgmap Picker Interface
Select a value from a SVG Map box
Overview:
This product is an extension that is currently under development. It is designed to be a select-dropdown or checkboxes replacement for picking a value from a predefined list using an SVG Map. It provides visual feedback for better user experience. The extension can be used for various purposes such as regional maps, automotive parts categories, and human body parts.
Features:
- Select a value from an SVG Map box
- Can use any SVG with class names and data-value attributes
- Customizable styling for hover and active states
- Can be used as a Many-to-One (M2O) interface
- Ability to bundle custom SVGs for easier use
Summary:
This product is an extension that provides a user-friendly way to select values from a predefined list using an SVG Map. It is currently under development and may have breaking changes. The extension offers features such as customizable styling, support for custom SVGs, and the ability to be used as a Many-to-One interface. Installation is straightforward and involves creating a new field and selecting the SVG Map Picker interface. Overall, this extension aims to improve the user experience of selecting values from a predefined list using visual feedback.
- Directus
A website that uses Directus as an open source headless CMS to manage content. This includes features such as a customizable content model, role-based access control, and API-based content delivery to support a wide range of digital experiences.
- Recoil
Recoil is a state management library for React that provides an intuitive and flexible API for managing and sharing state across components. It supports a range of features, including derived state, asynchronous updates, and time-travel debugging, and is designed to work well with the React ecosystem and other state management solutions.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.