Package Smoke
A small external-consumer surface that proves the published Kikita UI package imports, styles, and provider setup work in this Angular app.
This preview uses public imports from @kikita-labs/ui and the stylesheet registered through angular.json.
Package loadedStyled scrollbar provider
Consumer-safe input from @kikita-labs/ui
This page intentionally stays small and only references package symbols that are present in the installed public typings.
| Name | Type | Default | Description |
|---|---|---|---|
| provideKikitaUi | ApplicationConfig provider | — | Installed in app.config.ts with styled scrollbars enabled. |
| KuiFieldComponent | standalone component | — | Wraps the input with package-provided label, hint, and field semantics. |
| KuiInputDirective | standalone directive | — | Applies Kikita UI input styling to a native input. |
| KuiButtonDirective | standalone directive | — | Applies Kikita UI button styling to a native button. |
<kui-field label="Project" hint="Consumer-safe input from @kikita-labs/ui">
<input kuiInput value="kikita-ui-docs" aria-label="Project" />
</kui-field>
<button kuiButton type="button" appearance="primary" size="md">Verified import</button>