You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Aug 14, 2018. It is now read-only.
The initial effort to create wrappers for Fabric components is targeted at closely following the React Fabric API. This means implementing a largely imperative pattern, particularly for scenarios such as defining "items" within a "CommandBar". Following the react pattern, these items are defined by passing in an object as a property. Although this is a valid pattern, the Angular community tends to lean more towards a declarative model...
Imperative
This is the initial implementation which follows the React Fabric API for the component closely. Component
This is the proposed implementation to add to the extend the API and allow for declarative syntax (preferred by many Angular teams).
<fab-command-bar#commandBar[items]="commandBarItems" [farItems]="commandBarFarItems"><items><fab-action-button[iconProps]="{ iconName: 'AddFriend' }" text="Compound" [secondaryText]="'Loren ipsum dolor sit amet'" (onClick)="onActionButtonClicked($event)"></fab-action-button><fab-compound-button[iconProps]="{ iconName: 'AddFriend' }" [secondaryText]="'Loren ipsum dolor sit amet'" (onClick)="onCompoundButtonClicked($event)" text="Compound"></fab-compound-button><items><far-items>
...
<far-items></fab-command-bar>
Note: This proposal is based on Commercial Store's implementation of BSX-List (which is patterned after the Angular Material list and other components). Please see BSX-List source for implementation examples.
The text was updated successfully, but these errors were encountered:
The initial effort to create wrappers for Fabric components is targeted at closely following the React Fabric API. This means implementing a largely imperative pattern, particularly for scenarios such as defining "items" within a "CommandBar". Following the react pattern, these items are defined by passing in an object as a property. Although this is a valid pattern, the Angular community tends to lean more towards a declarative model...
Imperative
This is the initial implementation which follows the React Fabric API for the component closely.
Component
Template
Declarative
This is the proposed implementation to add to the extend the API and allow for declarative syntax (preferred by many Angular teams).
Note: This proposal is based on Commercial Store's implementation of BSX-List (which is patterned after the Angular Material list and other components). Please see BSX-List source for implementation examples.
The text was updated successfully, but these errors were encountered: