MetroスタイルアプリのJavaScript版とXAML版のコントロール対比表（Developer Preview時点）
| Metro style apps using JavaScript | XAML | |||
|---|---|---|---|---|
| Expression Blend 5 DPアセット名 | WinJS名 | HTML要素 | テンプレート化されたアセット | クラス名 |
| Application Bar | AppBar | div | Command Bar, Navigation Bar | ApplicationBar |
| Button | - | button | Command Button, Command Button Flyout, Command Button Menu | Button |
| CheckBox | - | input | - | CheckBox |
| Date Picker | DatePicker | div | - | - |
| Drop-down List Box | - | select | - | ComboBox |
| - | - | canvas | - | Ellipse |
| FlipView | FlipView | div | - | FlipView |
| - | Fragments | div | - | Frame |
| - | - | div | - | Grid |
| ListView（layoutをGridLayoutに変更） | ListView | div | - | GridView |
| Link | - | a | - | HyperlinkButton |
| Image | - | img | - | Image |
| SemanticZoom | SemanticZoom | div | - | JumpViewer |
| Multi-line List Box | - | select | - | ListBox |
| ListView | ListView | div | - | ListView |
| - | - | video | - | MediaPlayer |
| - | - | audio | - | |
| Password Input Control | - | input | - | PasswordBox |
| Flyout | Flyout | div | Flyout Custom, Flyout Menu, Flyout Menu Item | Popup |
| Progress Bar | - | progress | - | ProgressBar |
| Progress Ring | - | progress | - | ProgressRing |
| Radio Button | - | input | - | RadioButton |
| Rating | Rating | div | - | - |
| - | - | canvas | - | Rectangle |
| Rich Text Input Control | - | div | - | RichTextBlock |
| Settings Pane | SettingsPane | div | Settings Pane Narrow, Settings Pane Wide | - |
| Slider | - | input | - | Slider |
| Label | - | label | - | TextBlock |
| Sing Line Text Input Control | - | input | Email Address Input Control, File Upload Control, Telephone Number Input Control, Number Input Control, URL Input Control | TextBox |
| Multi-line Text Input Control | - | textarea | - | |
| Time Picker | TimePicker | div | - | - |
| Toggle | Toggle | div | - | ToggleSwitch |
| Tooltip | Tooltip | div | - | Tooltip |
| View Box | ViewBox | div | - | Viewbox |
