Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit f87f1a0

Browse files
committed
snippets
1 parent 5648d39 commit f87f1a0

File tree

2 files changed

+13
-5
lines changed

2 files changed

+13
-5
lines changed

‎coordinate-calcite-js/index.html

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,11 @@
5656
<calcite-accordion selection-mode="single" scale="l">
5757
<calcite-accordion-item heading="1. Create Calcite HTML" description="Set up the DOM using calcite-components"
5858
icon-start="code">
59+
<a href="https://developers.arcgis.com/calcite-design-system/components/segmented-control/"
60+
target="_blank">Segmented control</a> | <a
61+
href="https://developers.arcgis.com/calcite-design-system/components/select/" target="_blank">Select</a> |
62+
<a href="https://developers.arcgis.com/calcite-design-system/components/inline-editable/"
63+
target="_blank">Inline editable</a>
5964
<esri-demo-code language="js" source="export function createCustomCoordinateConversion(view) {
6065
6166
// Create the ViewModel

‎coordinate-fluent-react-js/index.html

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -85,8 +85,8 @@
8585
8686
export default App;"></esri-demo-code>
8787
</calcite-accordion-item>
88-
<calcite-accordion-item heading="2. React hook for the active display coordinate"
89-
description="Adding a hook to manage the state of the displayCoordinate. Same kind of hook is created for formats"
88+
<calcite-accordion-item heading="2. React hooks handling state changes"
89+
description="Adding hooks to manage the state of the displayCoordinate. Same kind of hook is created for formats"
9090
icon-start="webhook">
9191
<esri-demo-code language="jsx" source="import { useEffect, useState } from &quot;react&quot;;
9292
import { watch } from &quot;@arcgis/core/core/reactiveUtils&quot;;
@@ -111,11 +111,14 @@
111111
}
112112
"></esri-demo-code>
113113
</calcite-accordion-item>
114-
<calcite-accordion-item heading="3. Add a React component using Fluent UI components"
114+
<calcite-accordion-item heading="3. Add a React component using Fluent UI React components"
115115
description="Using the Fluent 2 Design System components to build a unique UI" icon-start="code">
116116
<a href="https://fluent2.microsoft.design/components/web/react" target="_blank">Fluent UI</a> | <a
117-
href="https://react.fluentui.dev/?path=/docs/components-toolbar--default" target="_blank">Fluent UI Toolbar
118-
Demo</a>
117+
href="https://react.fluentui.dev/?path=/docs/components-toolbar--default" target="_blank">Toolbar</a> | <a
118+
href="https://react.fluentui.dev/?path=/docs/components-switch--default">Switch</a> | <a
119+
href="https://react.fluentui.dev/?path=/docs/components-input--default">Input</a> | <a
120+
href="https://react.fluentui.dev/?path=/docs/components-menu-menu--default">Menu</a> | <a
121+
href="https://react.fluentui.dev/?path=/docs/components-toast--default">Toast</a>
119122
<esri-demo-code language="jsx" source="import { FluentProvider, Input, Menu /*...*/} from &quot;@fluentui/react-components&quot;;
120123
import * as React from &quot;react&quot;;
121124
import { useState } from &quot;react&quot;;

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /