@chrisdesign95/nova-iris-ui (英语)

自由派 角点 21 (独立,信号,OnPush y相容无带) CSS 相通 --nv-* 《光明与黑暗》。 法格马省 component-ui。 。 。 .

韦尔西翁 0.x: API puede combiar entri 版本为更年期.

韦尔西翁地方: 0.9.0 (中文(简体) ) (单位:千美元)v0.9.0) (中文(简体) ). 国家公共委员会 dist 实事求是.

起义组织

npm install @chrisdesign95/nova-iris-ui

同伴依赖性 : @angular/core, (中文(简体) ), @angular/common 尔 @angular/forms ^21.2.0。 。 。 .

埃斯蒂洛斯·特马

卡加环球汽车公司angular.json:

"styles": ["node_modules/@chrisdesign95/nova-iris-ui/styles/tokens.css"]

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}我们是叛逃者 黑暗,小马 data-theme="dark" 内 <html>(原始内容存档于2018-10-21) (中文(中国大陆) ). ; también funcionan temas aniidaos en cualquier mento. 诺克卢耶·宁乌恩·桑蒂西奥·德马尼探测器 prefers-color-scheme。 。 。 .

• 光线 : 法格玛的颜色 component-ui骗取初等紫罗兰.
• 暗号 : propuesta popia de NOVA IRIS UI; 不存在"法格玛".

构成部分

Cada 组件 二级进入点{\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}这就像独唱一样.

数据表: <nv-data-table> 脱口而出 @chrisdesign95/nova-iris-ui/data-table数字 : dataSource, (中文(简体) ), columns 尔 actions (续) onClick(row)búsqueda, orden y paginación 当地。 民主与API en /components/data-table 德尔游乐场。 Desde 0.12.0、proyecta botones y conteos con [nvDataTableToolActions] (原始内容存档于2013-10-12). antes de refrescar; también funciona con showSearch 尔 showRefresh 内 false. 控制性活动与控制性活动.

import { Component } from '@angular/core';
import { NvButton } from '@chrisdesign95/nova-iris-ui/button';

@Component({
  selector: 'app-demo',
  imports: [NvButton],
  template: `<nv-button variant="primary" size="md" (click)="save()">Guardar</nv-button>`,
})
export class Demo {
  save() {}
}

Todos 组件 publicos usan el prefijo nv- y 输了代号 el prefijo --nv-。 。 。 .

图标

洛斯圣像之子SVG integrados(Font Assouth Free 7.3.1中位数) @fortawesome/angular-fontawesome),没有干草克登记员(nie cargar CSS). Npm 7+ 输对等器 @fortawesome/angular-fontawesome 尔 @fortawesome/fontawesome-svg-core 和instalan独奏(没有,instalalos):

<nv-button icon="plus" iconPosition="left">Crear</nv-button>
<nv-button content="icon-only" icon="view" ariaLabel="Ver detalle" />

密码 icon(一) 与《公约》有关的内容; iconPosition 对 left (por叛变) o right。 。 。 . content="icon-only" ưμ㼯a ariaLabel 欧 ariaLabelledby. 诺布雷斯因克鲁多斯: plus, (中文(简体) ), save, (中文(简体) ), search, (中文(简体) ), filter, (中文(简体) ), refresh, (中文(简体) ), empty, (中文(简体) ), view, (中文(简体) ), edit, (中文(简体) ), trash, (中文(简体) ), email, (中文(简体) ), user, (中文(简体) ), calendar, (中文(简体) ), error, (中文(简体) ), info, (中文(简体) ), success, (中文(简体) ), warning 尔 arrow-right总统阁下

import { inject } from '@angular/core';
import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
import { faMugHot } from '@fortawesome/free-solid-svg-icons';

// En el constructor de tu componente raíz:
inject(FaIconLibrary).addIcons(faMugHot);

provideNvIcons (resolver de Class CSS) sigue disposibility solo por compatibilidad. (原始内容存档于2016-09-29). (原始内容存档于2018-07-29) (英语). Los impositos Free tynen licencia CC BY 4.0 y el código MIT; conferencea los LICENSE de los paquetes instalados.

不代表或非官方团体

• 中间部分nv-button, (中文(简体) ), nv-input, (中文(简体) ), nv-chip(原始内容存档于2013-10-12). reenvían al Nativo los atributos de 公式和ARIA 中位数投入; el host <nv-*> 没有 等同一个不 <button> 欧 <input> HTML (英语).
• 无 [attr.aria-label] escrito en el host no lega al numento nativo: usa el 输入 ariaLabel。 。 。 .
• 拉富恩特语Name 间 没有异口同声; 罪我们 system-ui, sans-serif。 。 。 .
• El anillo de foco (2px, 彩色初等) no procede de Figma: es una decisión de diseño de NOVA IRIS UI.
• Avatar, Icon y Remove del Chip quedan pendientes. (原始内容存档于2018-09-29).
• 日期选择控制中心(Los días y controles de Cabecera del Date Picker usan)广播通告 por una desviación a probada de Figma; la actualización del diseño está pendente.

诉讼

UNLICENSED: uso personal del autor, todos los derechos reservados. 中国植物物种信息数据库. 无法承认, 维尔 自由主义。 。 。 .

元件为 0.1.0

• /tabs: NvTabs, NvTab 项目. 项,变体(下行/分出),大小,内容,ariaLabel y [活Id];已更改的emite el id. 配置 id para identificadores sistables 。 El Consumidor conecta tapanel con 面板Id(项目.id) y tableId(项目.id). Flechas/Home/End selecciionan Salando deshabilitados. 中国植物物种信息数据库.
• /message: NvMessage (英语). 重度中性/信息/成功/警告/危险;变体软/外线;标题、描述、动作Label、可驳回、ariaLive、[(open)]、行动y.
• /toast: NvToastService y NvToastViewport. show({标题,描述?,严重性?,行动?:{label, on Click},持续时间?,不可撤销?,showIcon?}) id; district(id), clear (). 不取景的por aplicación:位置为上端/上起/下起/下起/下起,最大可视=4. FIFO, 5000 ms desde visibilidad, 0 手动; 在 y foco 上徘徊的 pausa independente. 托肯斯: --nv-toast-width (360px), --nv-toast-stack-gap (8px), --nv-toast-z-index (1000).
• /stat-card: NvStatCard. 标签为 libre y (texto o número), 细节, 比较, 显示对比, 状态标签 libre, 严重性中性/info/成功/警告/危险, 状态逻辑, 显示状态和标题 (1- 6) (原始内容存档于2018-03-21). Reutiliza nv-tag y sus colores 存在. Migración:sustituir nature por statusLabel y specrime explícitos. 中国植物物种信息数据库.

演示词: npm run playground页:1 Las demos ofrecen Light/Dark(全球敬酒会).

侧边栏( 0.13. 0)

输入点 : @chrisdesign95/nova-iris-ui/sidebar (单位:千美元)NvSidebar, (中文(简体) ), NvSidebarItem, (中文(简体) ), NvSidebarUser, (中文(简体) ), NvSidebarUserAction 尔 NV_SIDEBAR_DEFAULT_USER_ACTIONS) (中文(简体) ). 发音: /components/sidebar、控制器、灯光/暗光相接器、可移动相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相接相相相相相接相接相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相 y registro de eventos. (英语).

import { NvSidebar, type NvSidebarItem } from '@chrisdesign95/nova-iris-ui/sidebar';

const items: readonly NvSidebarItem[] = [
  { code: 'home', name: 'Inicio', route: '/', icon: 'home' },
  {
    code: 'security',
    name: 'Seguridad',
    icon: 'key-round',
    children: [{ code: 'users', name: 'Usuarios', route: '/users' }],
  },
];

<nv-sidebar
  title="Nova Iris"
  subtitle="Administración"
  [items]="items"
  [(collapsed)]="collapsed"
  [(activeCode)]="activeCode"
  [searchable]="true"
  [user]="user"
  (itemSelect)="navigate($event)"
  (userMenuAction)="handleUserAction($event)"
/>

collapsed {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}ferna entre 260 px y un rail de 64 px. {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你觉得呢. activeCode (一) 证明行为; itemSelect 原创性。 纳韦加: el particule 没有我们一个路由器和 ruta de los grupos se ignora. logo 承认 una URL de implann . 埃尔博尔·德 GET /account/menu 相容的罪孽变迁 失败的图标 fa- 自动总线 犯法者 预科生 FaIconLibrary(a) 国家登记簿; 洛斯的无忧无虑的 解密者,没有 companizan的标志性。 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}这里的解析器 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}这里的解析器 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}这里的解析器. El Catálogo integrado añade 家,布局-网格,铃声,按键回合,设置,登录, 上上下下下下上下 罪孽深重.

searchable 韦尔假皮尔叛变。 (一) 针叶林; 萨瓦西亚·坎比亚尔 collapsed。 。 。 . groupsCollapsed 控制 a 待办事宜 los grupos; 无效 转写a item.collapsed y, si falta, abre los ancestros del activo 和 cierra los demás. (原始内容存档于2019-09-29) (中文(中国大陆) ). ariaLabel 尔 searchPlaceholder 允许适配器 los textos causebles. [(query)] 互联网档案馆的存檔,存档日期2013-12-02. 洛斯警徽 单发: 活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活 (原始内容存档于2018-10-22) (英语). usan la presentación de nivel 1, sin imposos. 连Abrir grupos都没有.

user 英文名称、电子邮件、缩写和状态. userMenu 悬念 (a) 预先确定“Mi perfil”和“Cerrar sesión”; userMenuAction (原始内容存档于2018-03-26). enterga la elegida. (原始内容存档于2012-10-12). El rail abre flyouts a la derecha y el menú de usuario se alinea por abajo con el avatar. (原始内容存档于2019-09-25) (英语). Los menús admiten freechas, Home/End, Enter/Espacio, Escape y Tab, con foco restaurado. Los estados Light/ Dark usan los mismos 代号 --nv-*; 基金会 aporta las divisiones del sidebar, los indicadores, la tipografía xs y el z-index. 中国植物物种信息数据库.

法格玛: nv-avatar 敬酒节 (原始内容存档于2018-03-21) (英语). el menú y las inficiales usan foreground en lugar de 二等前卫. 夜总会 中间 48 px, 平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平起平 (原始内容存档于2018-09-26). vertigma no Cabe con las dos líneas. 迷幻药没有丝带子. La revisión 视觉最终 en el navegador 对应al Tech Lead. (原始内容存档于2018-09-25).

技术领导者:

• 无线电正义组织: .nv-sidebar (扩建和铁路)y 收缩器 .menu (飞出用法) usan el sidentente(生命) --nv-radius-lg (18 px, Figma 半径/2xl), frente a los 12/10 px 原生于 Figma. 没有催产物. (原始内容存档于2018-03-29) (英语). Se restauran los radios de los ítems del Anexo A: nivil 0 y grupos r8 (单位:千美元)--nv-radius-compact),子tems r10 (中文(简体) )--nv-radius-md),铁路r18 (单位:千美元)--nv-radius-button(原始内容存档于2018-03-26). Flyout y Accones de usuario r8. 乌塞瓦里奥音乐厅 r10 (铁路环形铁路). 没有阿普利卡满地都是Los ítems. (原始内容存档于2013-10-12). El Popover Conserva padding 4 y borde 1; sus ítems r 8 caben de la curva r18 (原始内容存档于2018-10-21) (英语). sin aumentar el padding ni cambiar el alto calculado.
• 乌兰花花 --nv-sidebar-item-height: var(--nv-button-height-lg) (40 px),塔姆比昂语 (原始内容存档于2018-06-21). en el cálculo de posicion y alto del popover. Cabecera, búsqueda, 标志和外观没有crecen.
• 父子关系 padding: 0 var(--nv-space-3) (第12页) (原始内容存档于2012-10-12). su propia píldora;; .tree-item--nested .row { padding: 0; } (原始内容存档于2017-10-12). evita sumar padding. .children 我们a padding: var(--nv-space-1) 0 0 var(--nv-space-2) (4个德里巴,8个德) (原始内容存档于2018-10-21). Sangría external. (原始内容存档于2018-03-29) (英语). Niveles secondiores mantienen el estilo de nivel 1 sin acular sangría. (原始内容存档于2018-10-21) (英语). Rail y filas de popover también usan padding 横向为12 px.
• (原始内容存档于2013-10-12). Se mantienen 4 px Enter grupo y birmer hijo, Enter hijos y Enter título/filas del flyout. La barra sigue reta, 3 × 20 px: 冲抵侧边和飞出参考文献 --nv-space-1 (x=4),y top: calc((var(--nv-sidebar-item-height) - var(--nv-sidebar-indicator-height)) / 2) (y=10) (中文(简体) ). (原始内容存档于2018-10-21). El badge conserva cerrado percental.
• 艾尔·贝壳我们a [searchable]="true" 尔 searchPlaceholder="Buscar componentes..." 凹槽 页:1 nv-sidebar犯罪输入法 内部饮食a 保护正常的罪孽, (原始内容存档于2018-10-21) (英语). Official site des grupos. 铁路上没有干草和干草. 贝壳外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外接外.