Home

LUX-Components

• LUX-Components
  • Demos
  • Update Guide
  • Theme
  • Config
  • Layout
  • Modules
    • Action-Module
    • Common-Module
    • Directives-Module
    • Error-Module
    • File-Preview-Module
    • Filter-Module
    • Form-Module
    • Html-Module
    • Icon-Module
    • Layout-Module
    • Lookup-Module
    • Markdown-Module
  • Pipes-Module
    • Popup-Module
  • Util

Demos

• Develop
• Master

Die Demo kann auch lokal ausgeführt werden:

• LUX-Components via Git herunterladen.
• In das entsprechende Verzeichnis wechseln.
• npm install ausführen.
• ng serve ausführen.
• http://localhost:4200/ öffnen.
• Ausprobieren!

Update Guide

Details sind auf der Update Guide-Seite beschrieben.

Theme

Das LUX-Theme ist ein eigenständiges Projekt lux-components-theme und wird als Abhängigkeit ins LUX-Componentsprojekt eingebunden.

Config

Die LUX-Components können über die globale Konfiguration angepasst werden. Details befinden sich auf der Config-Seite.

Layout

Es wird empfohlen, das Layout mit den Components aus dem Layout-Module zu erstellen. Die Anwendung sollte mit lux-cards und lux-layout-card-rows strukturiert werden. Für Formularelemente (z.B. lux-input) gibt es die lux-layout-form-row.

Modules

Action-Module

• lux-button
• lux-link
• lux-link-plain
• lux-menu

Common-Module

• lux-badge
• lux-label
• lux-message-box
• lux-progress
• lux-table
• lux-textbox

Directives-Module

• luxAriaDescribedby
• luxAriaExpanded
• luxAriaHasPopup
• luxAriaHidden
• luxAriaLabel
• luxAriaRole
• luxBadgeNotification
• luxInfiniteScroll
• luxRipple
• luxTabIndex
• luxTooltip

Error-Module

• lux-error-page
• lux-http-error

File-Preview-Module

• lux-file-preview

Filter-Module

• lux-filter-form

Form-Module

• lux-autocomplete
• lux-checkbox
• lux-chips
• lux-datepicker
• lux-file-input
• lux-file-list
• lux-file-upload
• lux-input
• lux-radio
• lux-select
• lux-slider
• lux-textarea
• lux-toggle

Html-Module

• lux-html

Icon-Module

• lux-icon
• lux-image

Layout-Module

• lux-accordion
• lux-app-content
• lux-app-footer
• lux-app-header
• lux-app-header‐ac
• lux-card
• lux-checkbox-container‐ac
• lux-divider
• lux-layout-card-row
• lux-layout-form-row
• lux-list
• lux-master-detail
• lux-panel
• lux-stepper
• lux-stepper-large
• lux-tabs
• lux-tile

Lookup-Module

• lux-lookup-autocomplete
• lux-lookup-combobox
• lux-lookup-label

Markdown-Module

• lux-markdown

Pipes-Module

• luxPropertyFromObject
• luxRelativeTimestamp
• luxRenderProperty

Popup-Module

• lux-dialog
• lux-snackbar

Util

Details sind auf der Util-Seite beschrieben.