@hachiy/cosev-ui
v0.1.11
Published
Cosev UI - Angular standalone component kit built with DaisyUI/Tailwind and signals.
Readme
@hachiy/cosev-ui
Alpha / WIP: API and styles may change at any time; not stable yet.
Angular standalone UI kit built with DaisyUI/Tailwind and signals. Ships headless, slot-friendly components (forms, feedback, navigation) for Angular 20.
Install
Peer deps: @angular/common, @angular/core, lucide-angular, tslib.
pnpm add @hachiy/cosev-ui lucide-angular
# or
npm install @hachiy/cosev-ui lucide-angularUsage
Import components directly (standalone):
import { Component } from '@angular/core';
import { ButtonComponent, AlertComponent } from '@hachiy/cosev-ui';
@Component({
selector: 'demo',
standalone: true,
imports: [ButtonComponent, AlertComponent],
template: `
<cs-alert color="info">Hello from Cosev UI</cs-alert>
<cs-button color="primary" (click)="onClick()">Click me</cs-button>
`,
})
export class DemoComponent {
onClick() {}
}Highlights
- Standalone components using Angular signals and new control flow
- DaisyUI/Tailwind styling; minimal custom CSS
- Slot-friendly composition (
<ng-content>prefix/suffix/action areas) - Typed inputs/outputs; domain types per component
- Includes form controls, feedback, navigation, layout
Components (sampling)
Buttons, Alerts, Badges, Cards, Tabs, Breadcrumbs, Dropdown, Tooltip, Modal, Toast, Input/Textarea/Checkbox/Radio/Toggle/Slider, Pagination, Progress (bar/circle), Skeleton, Avatar, Pill, File Upload, Smart Search, Event/Image/Stat cards, Toast container/service.
Theming
Uses DaisyUI themes. Set data-theme on <html>/body to switch palettes. Components rely on DaisyUI classes for colors and states.