Package Exports

hlc-layer-ui
hlc-layer-ui/nuxt.config.ts

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (hlc-layer-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

HLC Layer UI

A collection of Vue 3 components for Nuxt 3 applications.

Installation

# Using bun
bun add hlc-layer-ui

# Using npm
npm install hlc-layer-ui

# Using yarn
yarn add hlc-layer-ui

Setup

Add hlc-layer-ui to the extends array in your nuxt.config.ts:

export default defineNuxtConfig({
  extends: ['hlc-layer-ui']
})

Usage

Button Component

The Button component is available globally in your Nuxt application:

<template>
  <Button variant="primary">Click me</Button>
  
  <!-- With loading state -->
  <Button loading>Loading...</Button>
  
  <!-- Different variants -->
  <Button variant="secondary">Secondary</Button>
  <Button variant="danger">Danger</Button>
  
  <!-- Different sizes -->
  <Button size="small">Small</Button>
  <Button size="large">Large</Button>
</template>

Props

Name	Type	Default	Description
variant	string	'primary'	Button style: 'primary', 'secondary', 'danger'
size	string	'medium'	Button size: 'small', 'medium', 'large'
loading	boolean	false	Shows a loading spinner
disabled	boolean	false	Disables the button

Development

To start the development server and view the component demos:

bun run dev

License

MIT