Needless UI

Chanzo huria · Angular 22 · MIT

Vijenzi vya UI, vilivyosanifiwa vizuri kupita kiasi.

Needless UI inapamba vipengele asilia kwa stylesheet moja isiyotegemea framework na design token za W3C. Directive zake za Angular zinaongeza tabia kutoka Angular Aria, hivyo kila kijenzi kinafikika tangu kinapoonyeshwa kwa mara ya kwanza.

Anza Tazama vijenzi

Kwa nini ipo

  • Vipengele asilia kwanza

    <button nuiButton> ni kitufe halisi. Fomu, kibodi na visoma skrini vinafanya kazi kwa sababu hakuna kitu kinachokifunika.

  • Stylesheet moja, framework yoyote

    Vijenzi ni CSS tupu ndani ya cascade layers: Angular leo, React inafuata, na HTML tupu siku zote.

  • CSS yako hushinda daima

    Kila kitu kimo ndani ya @layer nui, hivyo mitindo yako mwenyewe inakibatilisha bila !important wala vita vya specificity.

  • Inafikika tangu msingi

    Kila jozi ya rangi hukaguliwa dhidi ya WCAG 2.2 AA paleti inapozalishwa. Focus, forced colors na mwendo uliopunguzwa vinashughulikiwa kwa ajili yako.

  • Inabinafsishika kupita kiasi

    Springi, athari za kubonyeza na kuingia, maumbo ya pembe, nusu kipenyo na msongamano: attribute moja kwa programu nzima, au input moja kwa kila kijenzi, juu ya design token za kiwango cha W3C.

  • Angular ya kisasa

    Signal inputs, zoneless, uonyeshaji kwenye seva na entry point moja kwa kila kijenzi, hivyo programu hubeba tu kile zinachoingiza.

Import mbili tu, umemaliza

Ongeza kifurushi, ingiza stylesheet mara moja, kisha tumia vijenzi ndani ya kijenzi chochote cha standalone.

install.sh
pnpm add @needless-ui/angular @angular/aria @angular/cdk
usage.ts
import { Component } from '@angular/core';
import { NuiButton } from '@needless-ui/angular/button';

@Component({
  selector: 'app-root',
  imports: [NuiButton],
  template: `<button nuiButton (click)="save()">Save changes</button>`,
})
export class App {
  save() {}
}