Basix / Documentation

Welcome to Basix

A lightweight, framework-free component library built with plain HTML, CSS, and TypeScript. Pick a component from the sidebar to explore its API and examples.

Where to start

Foundation
Grid, typography, colors, icons
Forms
Inputs, pickers, validation
Overlays
Modal, popover, tooltip, toast
Charts
Area, bar, column, line, pie

Installation

npm install @dodlhuat/basix

Basic setup

<!-- In your HTML head -->
<link rel="stylesheet" href="node_modules/@dodlhuat/basix/css/style.css">

<!-- In your JS -->
import { Popover } from '@dodlhuat/basix/js/popover.js';
import { Toast }   from '@dodlhuat/basix/js/toast.js';