Techlestial · UI

Documentation

Install and import from the published npm package (@techlestial/uilerial).

Install

npm i @techlestial/uilerial

Quick start

import Button from "@techlestial/uilerial/dist/components/button";
import "@techlestial/uilerial/dist/components/button/Button.css";

export function App() {
  return <Button color="primary">Click me</Button>;
}

Components

• Button — primary, black, and custom colors
• Select — custom or native
• TextInput — prefix, validation, numberOnly
• Card · Carousel · DatePicker
• Toast + ToastContainer
• Accordion
• TranslateProvider + Translatable
• ThirdPartyLogin — Google, Facebook, GitHub

Uilerial Studio

Patterns and canvas tools: react-xper.vercel.app

Publish

npm run component:build
npm publish