Nicolas Vogt

Results 10 comments of Nicolas Vogt

@qingwang96 Yeah seems like there is some [limitation](https://stackblitz.com/edit/selectionchanged?file=src/App.js) with a purely js react custom events. Here is a quick sample, of what we expect ts: ![selectionChangedEvent](https://user-images.githubusercontent.com/11411686/123026814-a791c900-d391-11eb-9913-29937faea054.png) And here is the...

2 fluent components + 1 icon 1. tooltip: https://fluent-components.azurewebsites.net/?path=/docs/components-tooltip--tooltip 2. card: https://fluent-components.azurewebsites.net/?path=/docs/components-card--card ![3](https://user-images.githubusercontent.com/11411686/144523916-667037dc-cca3-4bf4-a11c-ae38cb62f27c.png)

## Phase 1: Proposal **Proposed Fluent UI web components:** ![Frame 1 (7)](https://user-images.githubusercontent.com/11411686/124167296-bbf05880-da58-11eb-8d0c-cef11fb9a866.png) 1. [Horizontal Scroll](https://fluent-components.azurewebsites.net/?path=/story/horizontal-scroll--horizontal-scroll) 2. [Menu/MenuItems](https://fluent-components.azurewebsites.net/?path=/story/menu--menu) 3. [TextField](https://fluent-components.azurewebsites.net/?path=/story/text-field--text-field) **Potential Concerns:** [1] Horizontal Scroll - will it support our buttons

## Phase 1: Proposal **Proposed Fluent UI web components:** ![Frame 1 (1)](https://user-images.githubusercontent.com/11411686/121610672-64d40680-ca0b-11eb-880c-4872368ab999.png) 1. [Tabs](https://fluent-components.azurewebsites.net/?path=/story/tabs--base) 2. [Divider](https://fluent-components.azurewebsites.net/?path=/story/divider--divider) + [Button](https://fluent-components.azurewebsites.net/?path=/story/button--button) 3. [Button](https://fluent-components.azurewebsites.net/?path=/story/button--button) OR 2. [Accordion](https://fluent-components.azurewebsites.net/?path=/story/accordion--base) 3. [Button](https://fluent-components.azurewebsites.net/?path=/story/button--button) **Potential Concerns:** [1] Tabs -...

## Phase 2: Review New updates ![Frame 1 (6)](https://user-images.githubusercontent.com/11411686/122999958-bfeaef00-d363-11eb-9c3c-bc7a75882030.png) 1. [Tabs](https://fluent-components.azurewebsites.net/?path=/story/tabs--base) 2. [Divider](https://fluent-components.azurewebsites.net/?path=/story/divider--divider) + [Button](https://fluent-components.azurewebsites.net/?path=/story/button--button) 3. [Button](https://fluent-components.azurewebsites.net/?path=/story/button--button) 4. [Textfield](https://fluent-components.azurewebsites.net/?path=/story/text-field--text-field) Concerns: [1] button, will allow additional hover states such as underline

[TABS](https://fluent-components.azurewebsites.net/?path=/story/tabs--base) - **Issue:** Activity indicator isn't very customizable. We wish to make the blue "active" state indicator the same height and width, as our hover box state. ![p](https://user-images.githubusercontent.com/11411686/126662576-80490084-7327-476b-8076-fa9e2815502f.png) - **work-around:**...

[TABS](https://fluent-components.azurewebsites.net/?path=/story/tabs--base) - **Issue:** The tabs, and attached tab-panel have inherited child spacing, making customization of just the tabs themselves difficult. We wish to add margin (margin-left to force the tabs...

## Phase 1: Proposal **Proposed Fluent UI web components:** ![Frame 1 (3)](https://user-images.githubusercontent.com/11411686/121721178-cf7f5380-ca98-11eb-958f-f0f01b6b6792.png) 1. [Breadcrumb](https://fluent-components.azurewebsites.net/?path=/story/breadcrumb--breadcrumb) 2. [Text Field](https://fluent-components.azurewebsites.net/?path=/story/text-field--text-field) 3. [Tree View](https://fluent-components.azurewebsites.net/?path=/story/tree-view--tree-view) **Potential Concerns:** [1] BreadCrumb - this might be totally unnecessary...

@NathZ1 Sorry just saw this. Two parts: 1) Design Just to clarify the design.. I met with our designer @yyiinnggzz, essentially to align the control still with fluent, they tend...