Getting Started Guide

Using npm

npm install @esniiava/core
                        

Importing Components

// Selective import
import { Button, Icon } from '@esniiava/core'

// Import entire system
import * as esniiava from '@esniiava/core'
                        

Theme Configuration

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        primary: '#3B82F6',
        secondary: '#6366F1',
      }
    }
  }
}
                        

Basic Usage

import { Button, Icon } from '@esniiava/core'

function App() {
  return (
    <div class="p-4">
      <Button>Default</Button>
      <Button variant="primary">Primary</Button>
      <Button variant="outline"><Icon name="Settings" /></Button>
    </div>
  )
}
                        

Custom Components

// Create custom component
import { createComponent } from '@esniiava/core'

const Tooltip = createComponent('div', {
  base: 'relative',
  content: 'absolute bottom-full left-1/2 -translate-x-1/2 px-3 py-1 bg-gray-800 text-white text-sm rounded-lg shadow-lg'
})

export default Tooltip