Liquid

Overview

Liquid is a UI component library based on the Liquid Design System, with a focus on accessibility and interoperability. It is built with Stencil.js and offers CSS Components and Web Components in various bundle formats. Liquid can be used in a wide variety of platforms and projects.

Features

• UI Component Library: Liquid offers a collection of UI components based on the Liquid Design System.
• Accessibility: Liquid places a strong emphasis on accessibility, ensuring that the components are usable by all users.
• Interoperability: Liquid components can be easily integrated into different platforms and projects.

Installation

To install Liquid, follow these steps:

1. Open your terminal and navigate to your project directory.
2. Run the following command to install Liquid using npm:

   npm install @liquid/components
   

3. Once the installation is complete, you can import the desired components into your application as needed.

   import { Button, Card } from '@liquid/components';
   

Summary

Liquid is a UI component library based on the Liquid Design System. It offers a variety of components that are accessible and can be easily integrated into different platforms and projects. To install Liquid, simply use npm and import the desired components into your application.