AA Components - Professional Stencil Component Library
npm install @futuraico/aa-componentsA professional component library built with Stencil and esbuild.
``bash`
pnpm install
To build the component library:
`bash`
pnpm run build
To start a local dev server with live reload:
`bash`
pnpm start
A versatile button component with multiple variants and states.
#### Props
- variant: 'primary' | 'secondary' | 'danger' - Button style variant (default: 'primary')disabled
- : boolean - Disable the button (default: false)
#### Usage
`html`
#### Features
- Shadow DOM encapsulation
- Professional styling with CSS custom properties
- Smooth transitions and hover effects
- Accessible focus states
- Responsive design
Open demo/index.html in a browser to see all button variants and states.
```
.
├── src/
│ ├── components/
│ │ └── aa-button/
│ │ ├── aa-button.tsx # Component definition
│ │ ├── aa-button.scss # Component styles
│ │ └── aa-button.spec.ts # Component tests
│ ├── global/
│ │ ├── app.ts # Global app initialization
│ │ └── app.css # Global styles
│ ├── index.ts # Entry point
│ └── components.d.ts # Type definitions
├── demo/
│ ├── index.html # Demo page
│ └── styles.css # Demo styles
├── stencil.config.ts # Stencil configuration (esbuild bundler)
├── tsconfig.json # TypeScript configuration
└── package.json # Project dependencies
- Framework: Stencil
- Bundler: esbuild
- Language: TypeScript
- Styling: Sass/SCSS
- Package Manager: pnpm