Components you style yourself

@markless/ui is a set of component families, a select, a modal, a set of tabs, with the keyboard, the focus and the screen-reader wiring already written, and the look left entirely to you. There is no stylesheet in the package. Nothing arrives carrying a colour, a border, a font or a class name you have to argue with.

npm install @markless/ui

One family is one import, and its parts are properties on it:

import { accordion } from '@markless/ui';

Styling

A part writes its state onto its own element as a ui-* attribute, and a plain CSS selector does the rest: styling is the whole story.

The families

Every family below has a page. New ones are added here as they land.

Forms — checkbox, checklist, combobox, otp, radiogroup, select, textbox, toggle.

Show and hide — accordion, collapsible, modal, navbar, tabs, tree.

Overlays — drawer, hovercard, popover, tooltip.

Collections — gridlist, table, resizable.

Display — carousel, pagination, progress, qrcode, toaster.

There is one more import, base, holding three primitives the families are built from: a button, a label and a visually hidden span. It has no page of its own; you almost never reach for it directly.