Ola
This package has been deprecated in favor of the @marketgoo/components
Overview
The OlaReact is an implementation of the Ola design system created by marketgoo. It offers a wide range of components and utilities that can be used to build clean and modern user interfaces. The library has been tested and is compatible with various popular browsers.
Features
- Accordion: A component for displaying collapsible content sections.
- Button: A customizable button component with various design options.
- Button Group: A component for grouping multiple buttons together.
- Button Icon: A button component with an additional icon.
- Check: A checkbox component with customizable design options.
- CheckGroup: A group of checkboxes.
- Field: A form field component with customizable design options.
- Icon: A library of icons that can be used in conjunction with other components.
- Input: A text input field component with customizable design options.
- Level: A component for displaying hierarchical levels of content.
- Menu: A menu component for navigation purposes.
- Modal: A modal component for displaying content in a pop-up window.
- Page: A container component for organizing content sections.
- Panel: A collapsible panel component for displaying hidden content.
- ProgressBar: A component for visualizing progress.
- ProgressCircle: A circular progress component.
- SearchField: A component for search functionality.
- Select: A drop-down select component.
- Spinner: A loading spinner component.
- Switch: A toggle switch component.
- Table: A table component for displaying tabular data.
- Tag: A component for displaying tags or labels.
- Task: A component for tracking progress or a to-do list.
- TaskGroup: A group of task components.
- Tooltip: A component for displaying additional information on hover.
Summary
The OlaReact library is a comprehensive implementation of the Ola design system. It provides a wide range of components and utilities that can be easily integrated into web applications. With compatibility across multiple browsers and a customizable design, OlaReact offers developers the flexibility to create clean and modern user interfaces.
- 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
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- 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
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- React Hook Form
React Hook Form is a performant, flexible, and extensible form library for React with easy validation. It reduces re-renders and improves performance by using uncontrolled components and native HTML validation, making form handling simple and efficient.