Overview

Aksara is Kata.ai’s design system that includes foundations, voice and tone guidelines, component standards, and other guidelines aimed at improving the quality, timeliness, and consistency of their product. Aksara UI, on the other hand, is the implementation of Aksara using the React framework. It is designed to communicate with users and provide delightful experiences. Aksara UI consists of Aksara React components.

Features

• Foundations, voice and tone guidelines, and component standards included.
• Improves product quality, timeliness, and consistency.
• Implements Aksara design system using React framework.

Installation

To use Aksara UI, you need to follow these steps:

1. Install the core Aksara UI package, Aksara UI React icon library, and styled-components.
2. Apply the theme provider and default global styles by wrapping your app inside the AksaraProvider component.
3. If you want to use additional styles for AksaraProvider, add the disableInjection prop and customize the styles.
4. Once the provider is applied, you can start using Aksara UI components in your app.

Summary

Aksara is a design system developed by Kata.ai, and Aksara UI is its implementation using the React framework. It provides a comprehensive set of guidelines and component standards to improve the quality, timeliness, and consistency of products. By following the installation guide, developers can easily integrate Aksara UI components into their apps and provide delightful user experiences.