Material Ui Chip Input
Material Ui Chip Input
A chip input field using Material-UI.
Overview:
This project provides a chip input field for Material-UI. It is inspired by Angular Material's chip input. It supports both MUI v4 and MUI v5, and there is a live demo available on the storybook.
Features:
- Support for MUI v4 and MUI v5
- Allows duplicate chips if specified
- Can always show the placeholder
- Provides options for behavior when the input is blurred
- Customizable chip renderer to customize chip styles
- Ability to clear input value when the value prop is changed
- Auto complete with data source array
- Configurable data source for objects list
- Predefined chips for uncontrolled mode
- Delay before adding chips
- Option to disable the chip input
- Ability to disable the underline for the input
- Props for customizing the FormHelperText component
- Option to make the chip input fill the available width
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Material UI
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- GitHub Pages
Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading
- Material Design
Material Design is a design system developed by Google that provides a set of guidelines, components, and tools for creating visually appealing and functional user interfaces. Material Design is designed to be flexible and customizable, making it a great choice for a wide range of applications and use cases.