Installation

Welcome To Traken UI

Welcome to the Traken UI docs! You can start writing documents in /content/docs.

Requirements

React 18 or later
Tailwind CSS 4.1 or later
Modern JavaScript environment (supports ES6)

Quick Installation

The fastest way to add Traken UI to your project:

pnpm add @traken-ui/react

Setup

Import the CSS in your main application file:

// In your global.css file
@import "@traken-ui/react/dist/traken-theme.css";
@import "@traken-ui/react/dist/esm/index.css";
@import "tailwindcss";

Use the components:

import { Button } from "@traken-ui/react";
 
export default function App() {
  return (
    <div>
        <Button color="primary" size="md" rounded="sm" variant="solid" className="cursor-pointer">
        click me
      </Button>
    </div>
  );
}

Introduction

Welcome to the Traken UI documentation!

Accordion

A set of stacked headings that expand or collapse to reveal related content, supporting single or multiple open sections.