Installation

Configure the registryCopy Anchor Link

The package and its icon dependency @aksornproject/aksara-icons live on GitHub Packages. Point the @aksornproject scope at that registry in your project.

@aksornproject:registry=https://npm.pkg.github.com

Put the token line in your user-level .npmrc, not the project file. pnpm 11 and later don't read environment variables in a project .npmrc, so a token line there fails with a 401.

//npm.pkg.github.com/:_authToken=${GITHUB_TOKEN}

Export a GitHub personal access token (classic) with the read:packages scope. npm, pnpm and bun all read both files. Without the token every install fails with a 401.

export GITHUB_TOKEN=your_read_packages_token

Install the packageCopy Anchor Link

npm install @aksornproject/aksara-ui

Import the themeCopy Anchor Link

Import Tailwind first, then the library theme.

@import 'tailwindcss';
@import '@aksornproject/aksara-ui/theme.css';

The theme also loads the Aksara font in weights 400 to 700. Your bundler copies the font files into your build, so you don't add any @font-face rules. The aksornfirst-sarabun, arena and arena-2 font profiles use other fonts. See Fonts.

Use a componentCopy Anchor Link

import { Button } from '@aksornproject/aksara-ui'

export function Save() {
  return <Button type="submit">Save</Button>
}