From 57385d56ad0af8e1601745527f7945c7b655588b Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 21 Nov 2025 17:37:37 +0000 Subject: [PATCH 1/7] Initial plan From b5369e03b022c2b716877845b969593ba1f4e319 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 21 Nov 2025 17:52:37 +0000 Subject: [PATCH 2/7] Add grid-lite package and create all 13 sample components Co-authored-by: ChronosSF <2188411+ChronosSF@users.noreply.github.com> --- browser/package.json | 1 + browser/src/typedecls.d.ts | 6 + .../src/GridLiteColumnConfigBasic.css | 9 + .../src/GridLiteColumnConfigBasic.tsx | 99 +++++ .../src/GridLiteDataService.ts | 122 ++++++ .../column-config-basic/src/index.tsx | 1 + .../src/GridLiteColumnConfigDynamic.css | 38 ++ .../src/GridLiteColumnConfigDynamic.tsx | 141 ++++++ .../src/GridLiteDataService.ts | 122 ++++++ .../column-config-dynamic/src/index.tsx | 1 + .../src/GridLiteColumnConfigHeaders.css | 9 + .../src/GridLiteColumnConfigHeaders.tsx | 71 +++ .../src/GridLiteDataService.ts | 122 ++++++ .../column-config-headers/src/index.tsx | 1 + .../data-binding/src/GridLiteDataBinding.css | 34 ++ .../data-binding/src/GridLiteDataBinding.tsx | 73 ++++ .../data-binding/src/GridLiteDataService.ts | 122 ++++++ .../grid-lite/data-binding/src/index.tsx | 1 + .../src/GridLiteDataService.ts | 122 ++++++ .../src/GridLiteFilteringConfigEvents.css | 27 ++ .../src/GridLiteFilteringConfigEvents.tsx | 85 ++++ .../filtering-config-events/src/index.tsx | 1 + .../src/GridLiteDataService.ts | 122 ++++++ .../src/GridLiteFilteringConfigRemote.css | 30 ++ .../src/GridLiteFilteringConfigRemote.tsx | 99 +++++ .../filtering-config-remote/src/index.tsx | 1 + .../src/GridLiteDataService.ts | 122 ++++++ .../src/GridLiteFilteringConfig.css | 9 + .../src/GridLiteFilteringConfig.tsx | 82 ++++ .../grid-lite/filtering-config/src/index.tsx | 1 + .../overview/src/GridLiteDataService.ts | 122 ++++++ .../overview/src/GridLiteOverview.css | 9 + .../overview/src/GridLiteOverview.tsx | 151 +++++++ .../grids/grid-lite/overview/src/index.tsx | 1 + .../src/GridLiteDataService.ts | 122 ++++++ .../src/GridLiteSortConfigEvents.css | 27 ++ .../src/GridLiteSortConfigEvents.tsx | 140 ++++++ .../sort-config-events/src/index.tsx | 1 + .../src/GridLiteDataService.ts | 122 ++++++ .../src/GridLiteSortConfigGrid.css | 14 + .../src/GridLiteSortConfigGrid.tsx | 113 +++++ .../grid-lite/sort-config-grid/src/index.tsx | 1 + .../src/GridLiteDataService.ts | 122 ++++++ .../src/GridLiteSortConfigPipeline.css | 37 ++ .../src/GridLiteSortConfigPipeline.tsx | 135 ++++++ .../sort-config-pipeline/src/index.tsx | 1 + .../src/GridLiteDataService.ts | 122 ++++++ .../src/GridLiteSortConfigSample.css | 9 + .../src/GridLiteSortConfigSample.tsx | 69 +++ .../sort-config-sample/src/index.tsx | 1 + .../src/GridLiteDataService.ts | 122 ++++++ .../src/GridLiteStylingCustomTheme.css | 405 ++++++++++++++++++ .../src/GridLiteStylingCustomTheme.tsx | 93 ++++ .../styling-custom-theme/src/index.tsx | 1 + 54 files changed, 3614 insertions(+) create mode 100644 samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.css create mode 100644 samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.tsx create mode 100644 samples/grids/grid-lite/column-config-basic/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/column-config-basic/src/index.tsx create mode 100644 samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.css create mode 100644 samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.tsx create mode 100644 samples/grids/grid-lite/column-config-dynamic/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/column-config-dynamic/src/index.tsx create mode 100644 samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.css create mode 100644 samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.tsx create mode 100644 samples/grids/grid-lite/column-config-headers/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/column-config-headers/src/index.tsx create mode 100644 samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.css create mode 100644 samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.tsx create mode 100644 samples/grids/grid-lite/data-binding/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/data-binding/src/index.tsx create mode 100644 samples/grids/grid-lite/filtering-config-events/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.css create mode 100644 samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.tsx create mode 100644 samples/grids/grid-lite/filtering-config-events/src/index.tsx create mode 100644 samples/grids/grid-lite/filtering-config-remote/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.css create mode 100644 samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.tsx create mode 100644 samples/grids/grid-lite/filtering-config-remote/src/index.tsx create mode 100644 samples/grids/grid-lite/filtering-config/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.css create mode 100644 samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.tsx create mode 100644 samples/grids/grid-lite/filtering-config/src/index.tsx create mode 100644 samples/grids/grid-lite/overview/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/overview/src/GridLiteOverview.css create mode 100644 samples/grids/grid-lite/overview/src/GridLiteOverview.tsx create mode 100644 samples/grids/grid-lite/overview/src/index.tsx create mode 100644 samples/grids/grid-lite/sort-config-events/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.css create mode 100644 samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.tsx create mode 100644 samples/grids/grid-lite/sort-config-events/src/index.tsx create mode 100644 samples/grids/grid-lite/sort-config-grid/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.css create mode 100644 samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.tsx create mode 100644 samples/grids/grid-lite/sort-config-grid/src/index.tsx create mode 100644 samples/grids/grid-lite/sort-config-pipeline/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.css create mode 100644 samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.tsx create mode 100644 samples/grids/grid-lite/sort-config-pipeline/src/index.tsx create mode 100644 samples/grids/grid-lite/sort-config-sample/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.css create mode 100644 samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.tsx create mode 100644 samples/grids/grid-lite/sort-config-sample/src/index.tsx create mode 100644 samples/grids/grid-lite/styling-custom-theme/src/GridLiteDataService.ts create mode 100644 samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.css create mode 100644 samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.tsx create mode 100644 samples/grids/grid-lite/styling-custom-theme/src/index.tsx diff --git a/browser/package.json b/browser/package.json index 5ab498f506..8805d55e13 100644 --- a/browser/package.json +++ b/browser/package.json @@ -24,6 +24,7 @@ "dompurify": "^3.3.0", "file-saver": "1.3.8", "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-charts": "19.3.0-beta.0", "igniteui-react-core": "19.3.0-beta.0", diff --git a/browser/src/typedecls.d.ts b/browser/src/typedecls.d.ts index 0cfd71d7b4..72bc83a1b3 100644 --- a/browser/src/typedecls.d.ts +++ b/browser/src/typedecls.d.ts @@ -2,6 +2,12 @@ declare module JSX { interface IntrinsicElements { "igc-dockmanager": any; + "igc-grid-lite": any; + "igc-avatar": any; + "igc-rating": any; + "igc-checkbox": any; + "igc-select": any; + "igc-select-item": any; } } /* tslint:enable */ \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.css b/samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.css new file mode 100644 index 0000000000..4a470efdad --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.css @@ -0,0 +1,9 @@ +.grid-lite-wrapper { + width: 100%; + height: 100%; +} + +igc-grid-lite { + min-height: 65vh; + --ig-size: 2; +} \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.tsx b/samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.tsx new file mode 100644 index 0000000000..2162dd7979 --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.tsx @@ -0,0 +1,99 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; +import './GridLiteColumnConfigBasic.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent +} from 'igniteui-webcomponents'; + +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private formatter: Intl.NumberFormat; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.formatter = new Intl.NumberFormat('en-EN', { + style: 'currency', + currency: 'EUR' + }); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(50); + + const columns = [ + { + key: 'name', + headerText: 'Product Name' + }, + { + key: 'price', + headerText: 'Price', + type: 'number', + cellTemplate: (params: any) => { + const span = document.createElement('span'); + span.textContent = this.formatter.format(params.value); + return span; + } + }, + { + key: 'sold', + type: 'number', + headerText: 'Units sold' + }, + { + key: 'total', + headerText: 'Total sold', + cellTemplate: (params: any) => { + const span = document.createElement('span'); + span.textContent = this.formatter.format(params.value); + return span; + } + }, + { + key: 'rating', + type: 'number', + headerText: 'Customer rating', + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('step', '0.01'); + rating.setAttribute('value', params.value.toString()); + return rating; + } + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/column-config-basic/src/GridLiteDataService.ts b/samples/grids/grid-lite/column-config-basic/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-basic/src/index.tsx b/samples/grids/grid-lite/column-config-basic/src/index.tsx new file mode 100644 index 0000000000..489c94a368 --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteColumnConfigBasic'; diff --git a/samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.css b/samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.css new file mode 100644 index 0000000000..41b27aca79 --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.css @@ -0,0 +1,38 @@ +#panel { + margin: 1rem 0; + display: flex; + flex-flow: row nowrap; + justify-content: space-between; + align-items: center; +} + +.config-key { + flex: 2 1 25% !important; + font-weight: bold; +} + +.config { + display: flex; + flex-flow: row nowrap; + justify-content: space-evenly; + align-items: center; + gap: 0.75rem; +} + +.config * { + flex: 1; +} + +igc-dropdown-item { + padding: 0.5rem 1rem; +} + +.grid-lite-wrapper { + width: 100%; + height: 100%; +} + +igc-grid-lite { + min-height: 65vh; + --ig-size: 2; +} \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.tsx b/samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.tsx new file mode 100644 index 0000000000..82ed985ac6 --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.tsx @@ -0,0 +1,141 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; +import './GridLiteColumnConfigDynamic.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent); + +const formatter = new Intl.NumberFormat('en-EN', { + style: 'currency', + currency: 'EUR', +}); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + protected hasFormatters = true; + protected format = (params: any) => { + const span = document.createElement('span'); + span.textContent = formatter.format(params.value); + return span; + }; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.toggleFormatters = this.toggleFormatters.bind(this); + this.toggleColumnProperty = this.toggleColumnProperty.bind(this); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(50); + + const columns = [ + { + key: 'id', + hidden: true, + headerText: 'ID' + }, + { + key: 'name', + headerText: 'Product Name' + }, + { + key: 'price', + headerText: 'Price', + type: 'number', + cellTemplate: this.format + }, + { + key: 'sold', + type: 'number', + headerText: 'Units sold' + }, + { + key: 'total', + headerText: 'Total sold', + cellTemplate: this.format + }, + { + key: 'rating', + type: 'number', + headerText: 'Customer rating', + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('step', '0.01'); + rating.setAttribute('value', params.value.toString()); + return rating; + } + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + toggleFormatters(checked: boolean) { + if (this.gridRef.current) { + this.gridRef.current.updateColumns( + ['price', 'total'].map((key) => ({ + key, + cellTemplate: checked ? this.format : undefined, + })) + ); + } + } + + toggleColumnProperty(columnKey: string, property: string, value: boolean) { + if (this.gridRef.current) { + this.gridRef.current.updateColumns({ key: columnKey, [property]: value }); + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+

Column Properties (simplified controls):

+ + + +
+
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/column-config-dynamic/src/GridLiteDataService.ts b/samples/grids/grid-lite/column-config-dynamic/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-dynamic/src/index.tsx b/samples/grids/grid-lite/column-config-dynamic/src/index.tsx new file mode 100644 index 0000000000..fa4be355bc --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteColumnConfigDynamic'; diff --git a/samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.css b/samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.css new file mode 100644 index 0000000000..2079f4e88a --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.css @@ -0,0 +1,9 @@ +.grid-lite-wrapper { + width: 100%; + height: 100%; +} + +igc-grid-lite { + min-height: 65vh; + --ig-size: 2; +} \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.tsx b/samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.tsx new file mode 100644 index 0000000000..2471df8ae7 --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.tsx @@ -0,0 +1,71 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; +import './GridLiteColumnConfigHeaders.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: User[] = this.dataService.generateUsers(50); + + const columns = [ + { + key: 'id', + headerText: '🆔 ID', + width: '150px' + }, + { + key: 'firstName', + headerText: '👤 First Name' + }, + { + key: 'lastName', + headerText: '👤 Last Name' + }, + { + key: 'age', + headerText: '🎂 Age', + type: 'number', + width: '100px' + }, + { + key: 'email', + headerText: '📧 Email' + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/column-config-headers/src/GridLiteDataService.ts b/samples/grids/grid-lite/column-config-headers/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-headers/src/index.tsx b/samples/grids/grid-lite/column-config-headers/src/index.tsx new file mode 100644 index 0000000000..22633bd730 --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteColumnConfigHeaders'; diff --git a/samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.css b/samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.css new file mode 100644 index 0000000000..329ffb0982 --- /dev/null +++ b/samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.css @@ -0,0 +1,34 @@ +.controls-wrapper { + margin-bottom: 1rem; + display: flex; + gap: 0.5rem; + align-items: center; +} + +.sample-button { + padding: 0.5rem 1rem; + cursor: pointer; + background-color: #007bff; + color: white; + border: none; + border-radius: 4px; +} + +.sample-button:hover { + background-color: #0056b3; +} + +.record-count { + font-weight: bold; + margin-left: 1rem; +} + +.grid-lite-wrapper { + width: 100%; + height: 100%; +} + +igc-grid-lite { + min-height: 65vh; + --ig-size: 2; +} diff --git a/samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.tsx b/samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.tsx new file mode 100644 index 0000000000..ae010df027 --- /dev/null +++ b/samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.tsx @@ -0,0 +1,73 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService } from './GridLiteDataService'; +import './GridLiteDataBinding.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcButtonComponent +} from 'igniteui-webcomponents'; + +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcButtonComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private showingProducts = true; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.switchData = this.switchData.bind(this); + } + + componentDidMount() { + if (this.gridRef.current) { + this.gridRef.current.data = this.dataService.generateProducts(50); + + window.addEventListener('error', (e) => { + if (e.message === 'ResizeObserver loop completed with undelivered notifications.') { + e.stopImmediatePropagation(); + } + }); + } + } + + private switchData() { + if (this.gridRef.current) { + this.gridRef.current.columns = []; + + if (this.showingProducts) { + this.gridRef.current.data = this.dataService.generateUsers(50); + this.showingProducts = false; + } else { + this.gridRef.current.data = this.dataService.generateProducts(50); + this.showingProducts = true; + } + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/data-binding/src/GridLiteDataService.ts b/samples/grids/grid-lite/data-binding/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/data-binding/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/data-binding/src/index.tsx b/samples/grids/grid-lite/data-binding/src/index.tsx new file mode 100644 index 0000000000..e8ce02c3f1 --- /dev/null +++ b/samples/grids/grid-lite/data-binding/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteDataBinding'; diff --git a/samples/grids/grid-lite/filtering-config-events/src/GridLiteDataService.ts b/samples/grids/grid-lite/filtering-config-events/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.css b/samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.css new file mode 100644 index 0000000000..6cf15a4624 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.css @@ -0,0 +1,27 @@ +.grid-lite-wrapper { + width: 100%; + height: calc(100% - 10rem); +} + +igc-grid-lite { + min-height: 65vh; +} + +.log { + margin-top: 0.5rem; + border: 1px solid #ccc; + padding: 1rem; + min-height: 1rem; + font-size: 0.75rem; + max-height: 5rem; + overflow-y: auto; +} + +.log p { + margin: 0.25rem 0; +} + +.log code { + font-family: monospace; + font-size: 0.75rem; +} \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.tsx b/samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.tsx new file mode 100644 index 0000000000..57486f1aea --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.tsx @@ -0,0 +1,85 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; +import './GridLiteFilteringConfigEvents.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private logRef: React.RefObject; + private log: string[] = []; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.logRef = React.RefObject(); + this.state = { logContent: '' }; + } + + get time() { + return `[${new Date().toLocaleTimeString()}]`; + } + + componentDidMount() { + if (this.gridRef.current) { + const data: User[] = this.dataService.generateUsers(50); + + const columns = [ + { key: 'firstName', headerText: 'First name', filter: true }, + { key: 'lastName', headerText: 'Last name', filter: true }, + { key: 'age', headerText: 'Age', filter: true, type: 'number' }, + { key: 'email', headerText: 'Email', filter: true } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + + // Listen to filter events + this.gridRef.current.addEventListener('filtering', (e: any) => { + const { expressions, type } = e.detail; + this.updateLog(`${this.time} :: Event \`${e.type}\` :: Filter operation of type '${type}' for column '${expressions[0].key}'`); + }); + this.gridRef.current.addEventListener('filtered', (e: any) => { + this.updateLog(`${this.time} :: Event \`${e.type}\` for column '${e.detail.key}'`); + }); + } + } + + private updateLog(message: string) { + if (this.log.length > 10) { + this.log.shift(); + } + this.log.push(message); + this.renderLog(); + } + + private renderLog() { + const logContent = this.log + .map(entry => `

${entry}

`) + .join(''); + this.setState({ logContent }); + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/filtering-config-events/src/index.tsx b/samples/grids/grid-lite/filtering-config-events/src/index.tsx new file mode 100644 index 0000000000..6c1a00a3e4 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteFilteringConfigEvents'; diff --git a/samples/grids/grid-lite/filtering-config-remote/src/GridLiteDataService.ts b/samples/grids/grid-lite/filtering-config-remote/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.css b/samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.css new file mode 100644 index 0000000000..a04c50eec0 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.css @@ -0,0 +1,30 @@ +p { + border: 1px solid var(--border); + padding: 1rem; + min-height: 1rem; + font-size: 0.75rem; +} + +code { + background-color: rgba(0, 0, 0, 0.05); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 4px; + padding: 0.125rem 0.375rem; + font-family: 'Courier New', Courier, monospace; + font-size: 0.875em; + color: #222222; + display: inline-block; + width: 100%; + min-height: 2em; + box-sizing: border-box; +} + +.grid-lite-wrapper { + width: 100%; + height: calc(100% - 1rem); +} + +igc-grid-lite { + min-height: 65vh; + --ig-size: 2; +} \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.tsx b/samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.tsx new file mode 100644 index 0000000000..8767371ba1 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.tsx @@ -0,0 +1,99 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; +import './GridLiteFilteringConfigRemote.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); + +function groupBy(arr: T[], key: keyof T) { + const out: Record = {}; + for (const each of arr) { + const slot = each[key] as string; + if (!out[slot]) { + out[slot] = []; + } + out[slot].push(each); + } + return out; +} + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private allData: User[] = []; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.allData = this.dataService.generateUsers(100); + this.state = { queryString: '' }; + } + + componentDidMount() { + if (this.gridRef.current) { + const columns = [ + { key: 'firstName', headerText: 'First name', filter: true }, + { key: 'lastName', headerText: 'Last name', filter: true }, + { key: 'age', headerText: 'Age', filter: true, type: 'number' }, + { key: 'email', headerText: 'Email' } + ]; + + const config = { + filter: async ({ data, grid }: any) => { + this.buildUri(grid.filterExpressions); + await new Promise((resolve) => setTimeout(resolve, 250)); + return data; + }, + }; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = this.allData; + this.gridRef.current.dataPipelineConfiguration = config; + } + } + + protected mapExpressions(arr: any[]) { + return arr + .map(({ searchTerm, criteria, condition }: any, idx: number) => { + const c = condition; + return idx < 1 + ? `${c.name}("${searchTerm}")` + : `${criteria?.toUpperCase()} ${c.name}("${searchTerm}")`; + }) + .join(' '); + } + + protected buildUri(state: any[]) { + const out: string[] = []; + const qs = groupBy(state, 'key'); + for (const [key, exprs] of Object.entries(qs)) { + out.push(`${key}(${this.mapExpressions(exprs)})`); + } + this.setState({ queryString: `GET: /data?filter=${out.join('&')}` }); + } + + public render(): JSX.Element { + return ( +
+
+
+ {this.state.queryString} +
+
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/filtering-config-remote/src/index.tsx b/samples/grids/grid-lite/filtering-config-remote/src/index.tsx new file mode 100644 index 0000000000..c9cdd34ebd --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteFilteringConfigRemote'; diff --git a/samples/grids/grid-lite/filtering-config/src/GridLiteDataService.ts b/samples/grids/grid-lite/filtering-config/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.css b/samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.css new file mode 100644 index 0000000000..2079f4e88a --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.css @@ -0,0 +1,9 @@ +.grid-lite-wrapper { + width: 100%; + height: 100%; +} + +igc-grid-lite { + min-height: 65vh; + --ig-size: 2; +} \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.tsx b/samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.tsx new file mode 100644 index 0000000000..b9443ba49c --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.tsx @@ -0,0 +1,82 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; +import './GridLiteFilteringConfig.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcCheckboxComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcCheckboxComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: User[] = this.dataService.generateUsers(50); + + const columns = [ + { + key: 'firstName', + headerText: 'First name', + filter: true + }, + { + key: 'lastName', + headerText: 'Last name', + filter: true + }, + { + key: 'age', + headerText: 'Age', + filter: true, + type: 'number' + }, + { + key: 'active', + headerText: 'Active', + type: 'boolean', + filter: true, + cellTemplate: (params: any) => { + const checkbox = document.createElement('igc-checkbox'); + if (params.value) { + checkbox.setAttribute('checked', ''); + } + return checkbox; + } + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/filtering-config/src/index.tsx b/samples/grids/grid-lite/filtering-config/src/index.tsx new file mode 100644 index 0000000000..0fe2c0254f --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteFilteringConfig'; diff --git a/samples/grids/grid-lite/overview/src/GridLiteDataService.ts b/samples/grids/grid-lite/overview/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/overview/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/overview/src/GridLiteOverview.css b/samples/grids/grid-lite/overview/src/GridLiteOverview.css new file mode 100644 index 0000000000..6518297463 --- /dev/null +++ b/samples/grids/grid-lite/overview/src/GridLiteOverview.css @@ -0,0 +1,9 @@ +.grid-lite-wrapper { + width: 100%; + height: 100%; +} + +igc-grid-lite { + min-height: 75vh; + --ig-size: 1; +} diff --git a/samples/grids/grid-lite/overview/src/GridLiteOverview.tsx b/samples/grids/grid-lite/overview/src/GridLiteOverview.tsx new file mode 100644 index 0000000000..8089a897f0 --- /dev/null +++ b/samples/grids/grid-lite/overview/src/GridLiteOverview.tsx @@ -0,0 +1,151 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; +import './GridLiteOverview.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent, + IgcCheckboxComponent, + IgcSelectComponent, + IgcAvatarComponent +} from 'igniteui-webcomponents'; + +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents( + IgcAvatarComponent, + IgcRatingComponent, + IgcCheckboxComponent, + IgcSelectComponent +); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private choices = ['Low', 'Standard', 'High']; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: User[] = this.dataService.generateUsers(1000); + + const columns = [ + { + key: 'avatar', + headerText: 'Avatar', + cellTemplate: (params: any) => { + const cell = document.createElement('igc-avatar'); + cell.setAttribute('shape', 'circle'); + cell.setAttribute('alt', 'User avatar'); + cell.setAttribute('src', params.value); + return cell; + } + }, + { + key: 'firstName', + headerText: 'First name', + sort: true, + filter: true, + resizable: true + }, + { + key: 'lastName', + headerText: 'Last name', + sort: true, + filter: true, + resizable: true + }, + { + key: 'email', + headerText: 'Email Address' + }, + { + key: 'priority', + headerText: 'Priority', + width: '12rem', + sort: { + comparer: (a: string, b: string) => this.choices.indexOf(a) - this.choices.indexOf(b), + caseSensitive: true + }, + cellTemplate: (params: any) => { + const select = document.createElement('igc-select'); + select.setAttribute('outlined', ''); + select.setAttribute('flip', ''); + select.setAttribute('value', params.value); + + this.choices.forEach(choice => { + const item = document.createElement('igc-select-item'); + item.setAttribute('value', choice); + item.textContent = choice; + select.appendChild(item); + }); + + return select; + } + }, + { + key: 'satisfaction', + headerText: 'Satisfaction rating', + type: 'number', + sort: true, + filter: true, + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('value', params.value.toString()); + return rating; + } + }, + { + key: 'registeredAt', + headerText: 'Registered @', + sort: true, + cellTemplate: (params: any) => { + const span = document.createElement('span'); + span.textContent = params.value.toLocaleString(); + return span; + } + }, + { + key: 'active', + type: 'boolean', + headerText: 'Active', + cellTemplate: (params: any) => { + const checkbox = document.createElement('igc-checkbox'); + if (params.value) { + checkbox.setAttribute('checked', ''); + } + return checkbox; + } + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/overview/src/index.tsx b/samples/grids/grid-lite/overview/src/index.tsx new file mode 100644 index 0000000000..672ef6f911 --- /dev/null +++ b/samples/grids/grid-lite/overview/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteOverview'; diff --git a/samples/grids/grid-lite/sort-config-events/src/GridLiteDataService.ts b/samples/grids/grid-lite/sort-config-events/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.css b/samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.css new file mode 100644 index 0000000000..6cf15a4624 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.css @@ -0,0 +1,27 @@ +.grid-lite-wrapper { + width: 100%; + height: calc(100% - 10rem); +} + +igc-grid-lite { + min-height: 65vh; +} + +.log { + margin-top: 0.5rem; + border: 1px solid #ccc; + padding: 1rem; + min-height: 1rem; + font-size: 0.75rem; + max-height: 5rem; + overflow-y: auto; +} + +.log p { + margin: 0.25rem 0; +} + +.log code { + font-family: monospace; + font-size: 0.75rem; +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.tsx b/samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.tsx new file mode 100644 index 0000000000..14ad76a703 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.tsx @@ -0,0 +1,140 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; +import './GridLiteSortConfigEvents.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private log: string[] = []; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.state = { logContent: '' }; + this.handleSorting = this.handleSorting.bind(this); + this.handleSorted = this.handleSorted.bind(this); + } + + get timeStamp(): string { + return `[${new Date().toLocaleTimeString()}]`; + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(100); + + const columns = [ + { + key: 'name', + headerText: 'Name', + sort: true + }, + { + key: 'price', + type: 'number', + headerText: 'Price', + sort: true + }, + { + key: 'rating', + type: 'number', + headerText: 'Rating', + sort: true, + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('step', '0.01'); + rating.setAttribute('value', params.value.toString()); + return rating; + } + }, + { + key: 'sold', + type: 'number', + headerText: 'Sold', + sort: true + }, + { + key: 'total', + type: 'number', + headerText: 'Total', + sort: true + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + + // Listen to sorting events + this.gridRef.current.addEventListener('sorting', this.handleSorting); + this.gridRef.current.addEventListener('sorted', this.handleSorted); + } + } + + private updateLog(message: string) { + if (this.log.length > 10) { + this.log.shift(); + } + this.log.push(message); + this.renderLog(); + } + + private renderLog() { + const logContent = this.log + .map(entry => `

${entry}

`) + .join(''); + this.setState({ logContent }); + } + + private handleSorting(event: any) { + const { detail, type } = event; + const allowedColumns = ['price', 'total', 'sold']; + + if (!allowedColumns.includes(detail.key)) { + event.preventDefault(); + this.updateLog( + `${this.timeStamp} :: Event '${type}' :: Sort operation was prevented for column '${detail.key}'` + ); + } else { + this.updateLog( + `${this.timeStamp} :: Event '${type}' :: Column '${detail.key}' is being sorted with expression: ${JSON.stringify(detail)}` + ); + } + } + + private handleSorted(event: any) { + const { detail, type } = event; + this.updateLog( + `${this.timeStamp} :: Event '${type}' :: Column '${detail.key}' was sorted with expression: ${JSON.stringify(detail)}` + ); + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/sort-config-events/src/index.tsx b/samples/grids/grid-lite/sort-config-events/src/index.tsx new file mode 100644 index 0000000000..b3f3b348b3 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteSortConfigEvents'; diff --git a/samples/grids/grid-lite/sort-config-grid/src/GridLiteDataService.ts b/samples/grids/grid-lite/sort-config-grid/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.css b/samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.css new file mode 100644 index 0000000000..0ab8179b9e --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.css @@ -0,0 +1,14 @@ +.grid-lite-wrapper { + width: 100%; + height: 100%; +} + +.config-panel { + margin: 1rem 0; + display: flex; + gap: 2rem; +} + +igc-grid-lite { + height: 510px; +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.tsx b/samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.tsx new file mode 100644 index 0000000000..17d1223f5c --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.tsx @@ -0,0 +1,113 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; +import './GridLiteSortConfigGrid.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent, + IgcSwitchComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent, IgcSwitchComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private sortConfiguration: any = { + multiple: true, + triState: true + }; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.updateConfig = this.updateConfig.bind(this); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(100); + + const columns = [ + { + key: 'name', + headerText: 'Name', + sort: true + }, + { + key: 'price', + type: 'number', + headerText: 'Price', + sort: true + }, + { + key: 'rating', + type: 'number', + headerText: 'Rating', + sort: true, + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('step', '0.01'); + rating.setAttribute('value', params.value.toString()); + return rating; + } + }, + { + key: 'sold', + type: 'number', + headerText: 'Sold', + sort: true + }, + { + key: 'total', + type: 'number', + headerText: 'Total', + sort: true + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + this.gridRef.current.sortConfiguration = this.sortConfiguration; + } + } + + private updateConfig(prop: string, checked: boolean) { + this.sortConfiguration = { ...this.sortConfiguration, [prop]: checked }; + if (this.gridRef.current) { + this.gridRef.current.sortConfiguration = this.sortConfiguration; + } + } + + public render(): JSX.Element { + return ( +
+
+ + +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/sort-config-grid/src/index.tsx b/samples/grids/grid-lite/sort-config-grid/src/index.tsx new file mode 100644 index 0000000000..12ae129e6f --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteSortConfigGrid'; diff --git a/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteDataService.ts b/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.css b/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.css new file mode 100644 index 0000000000..3c9d8e570f --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.css @@ -0,0 +1,37 @@ +.grid-lite-wrapper { + width: 100%; + height: 100%; +} + +.grid-section { + position: relative; +} + +igc-circular-progress { + visibility: hidden; + --diameter: 4rem; + background-color: rgba(255, 255, 255, 0.5); + position: absolute; + z-index: 2; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.in-operation { + visibility: visible; + pointer-events: all; + user-select: contain; +} + +p { + border: 1px solid #ccc; + padding: 1rem; + min-height: 1rem; + font-size: 0.75rem; +} + +igc-grid-lite { + min-height: 65vh; +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.tsx b/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.tsx new file mode 100644 index 0000000000..b206bee710 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.tsx @@ -0,0 +1,135 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; +import './GridLiteSortConfigPipeline.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent, + IgcCircularProgressComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent, IgcCircularProgressComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private progressRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.progressRef = React.createRef(); + this.state = { queryString: '' }; + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(100); + + const columns = [ + { + key: 'name', + headerText: 'Name', + sort: true + }, + { + key: 'price', + type: 'number', + headerText: 'Price', + sort: true + }, + { + key: 'rating', + type: 'number', + headerText: 'Rating', + sort: true, + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('step', '0.01'); + rating.setAttribute('value', params.value.toString()); + return rating; + } + }, + { + key: 'sold', + type: 'number', + headerText: 'Sold', + sort: true + }, + { + key: 'total', + type: 'number', + headerText: 'Total', + sort: true + } + ]; + + const dataPipelineConfiguration = { + sort: async ({ data, grid }: any) => { + if (this.progressRef.current) { + this.progressRef.current.classList.add('in-operation'); + } + const queryString = grid.sortExpressions.length + ? this.buildUri(grid.sortExpressions) + : ''; + this.setState({ queryString }); + + await new Promise(resolve => setTimeout(resolve, 250)); + if (this.progressRef.current) { + this.progressRef.current.classList.remove('in-operation'); + } + return data; + } + }; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + this.gridRef.current.dataPipelineConfiguration = dataPipelineConfiguration; + } + } + + private buildUri(state: any[]): string { + const uri: string[] = []; + for (const expr of state) { + if (expr.direction === 'none') { + continue; + } + uri.push( + expr.direction === 'ascending' + ? `asc(${expr.key})` + : `desc(${expr.key})` + ); + } + return `GET: /data?sort_by=${uri.join(',')}`; + } + + public render(): JSX.Element { + return ( +
+
+
+ +
+
+ {this.state.queryString} +
+
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/sort-config-pipeline/src/index.tsx b/samples/grids/grid-lite/sort-config-pipeline/src/index.tsx new file mode 100644 index 0000000000..79b9c8ebc8 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteSortConfigPipeline'; diff --git a/samples/grids/grid-lite/sort-config-sample/src/GridLiteDataService.ts b/samples/grids/grid-lite/sort-config-sample/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.css b/samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.css new file mode 100644 index 0000000000..2079f4e88a --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.css @@ -0,0 +1,9 @@ +.grid-lite-wrapper { + width: 100%; + height: 100%; +} + +igc-grid-lite { + min-height: 65vh; + --ig-size: 2; +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.tsx b/samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.tsx new file mode 100644 index 0000000000..daece42c73 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.tsx @@ -0,0 +1,69 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; +import './GridLiteSortConfigSample.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: User[] = this.dataService.generateUsers(50); + + const columns = [ + { + key: 'firstName', + headerText: 'First name', + sort: true + }, + { + key: 'lastName', + headerText: 'Last name', + sort: true + }, + { + key: 'age', + headerText: 'Age', + sort: true, + type: 'number' + }, + { + key: 'email', + headerText: 'Email', + sort: true + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/sort-config-sample/src/index.tsx b/samples/grids/grid-lite/sort-config-sample/src/index.tsx new file mode 100644 index 0000000000..eaf4823086 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteSortConfigSample'; diff --git a/samples/grids/grid-lite/styling-custom-theme/src/GridLiteDataService.ts b/samples/grids/grid-lite/styling-custom-theme/src/GridLiteDataService.ts new file mode 100644 index 0000000000..aa34be2d51 --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/src/GridLiteDataService.ts @@ -0,0 +1,122 @@ +export type UserSimple = { + id: string; + username: string; + email: string; + subscribed: boolean; +}; + +export type ProductInfo = { + id: string; + name: string; + price: number; + sold: number; + rating: number; + total: number; +}; + +export type User = { + id: string; + firstName: string; + lastName: string; + age: number; + email: string; + avatar: string; + active: boolean; + priority: 'Low' | 'Standard' | 'High'; + satisfaction: number; + registeredAt: Date; +}; + +export class GridLiteDataService { + private counter = 0; + + private firstNames = ['John', 'Jane', 'Bob', 'Alice', 'Charlie', 'Diana', 'Eve', 'Frank', 'Grace', 'Henry', + 'Ivy', 'Jack', 'Kate', 'Liam', 'Mia', 'Noah', 'Olivia', 'Peter', 'Quinn', 'Rachel']; + private lastNames = ['Smith', 'Johnson', 'Williams', 'Brown', 'Jones', 'Garcia', 'Miller', 'Davis', + 'Rodriguez', 'Martinez', 'Wilson', 'Anderson', 'Taylor', 'Thomas', 'Moore', 'Jackson', 'White', 'Harris']; + private productNames = ['Widget', 'Gadget', 'Doohickey', 'Thingamajig', 'Gizmo', 'Contraption', + 'Device', 'Tool', 'Apparatus', 'Instrument', 'Machine', 'Equipment']; + private priorities: ('Low' | 'Standard' | 'High')[] = ['Low', 'Standard', 'High']; + + private randomInt(min: number, max: number): number { + return Math.floor(Math.random() * (max - min + 1)) + min; + } + + private randomFloat(min: number, max: number, precision = 2): number { + const array = new Uint32Array(1); + window.crypto.getRandomValues(array); + const random01 = array[0] / 2 ** 32; + return parseFloat((random01 * (max - min) + min).toFixed(precision)); + } + + private randomElement(array: T[]): T { + return array[this.randomInt(0, array.length - 1)]; + } + + private randomBoolean(): boolean { + const array = new Uint8Array(1); + window.crypto.getRandomValues(array); + return (array[0] & 1) === 0; + } + + private generateId(): string { + return `${Date.now()}-${this.counter++}-${this.randomInt(1000, 9999)}`; + } + + createProductInfo(): ProductInfo { + const price = this.randomFloat(50, 500, 2); + const sold = this.randomInt(10, 100); + const total = parseFloat((price * sold).toFixed(2)); + + return { + price, + sold, + total, + id: this.generateId(), + name: `${this.randomElement(this.productNames)} ${this.randomElement(['Pro', 'Plus', 'Max', 'Ultra', 'Mini', 'Lite'])}`, + rating: this.randomFloat(0, 5, 1) + }; + } + + createUserSimple(): UserSimple { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + return { + id: this.generateId(), + username: `${firstName.toLowerCase()}.${lastName.toLowerCase()}${this.randomInt(1, 99)}`, + email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`, + subscribed: this.randomBoolean() + }; + } + + createUser(): User { + const firstName = this.randomElement(this.firstNames); + const lastName = this.randomElement(this.lastNames); + const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`; + + return { + id: this.generateId(), + firstName, + lastName, + age: this.randomInt(18, 90), + email, + avatar: `https://i.pravatar.cc/150?img=${this.randomInt(1, 70)}`, + active: this.randomBoolean(), + priority: this.randomElement(this.priorities), + satisfaction: this.randomInt(0, 5), + registeredAt: new Date(Date.now() - this.randomInt(0, 365 * 24 * 60 * 60 * 1000)) + }; + } + + generateUsers(count: number): User[] { + return Array.from({ length: count }, () => this.createUser()); + } + + generateProducts(count: number): ProductInfo[] { + return Array.from({ length: count }, () => this.createProductInfo()); + } + + generateSimpleUsers(count: number): UserSimple[] { + return Array.from({ length: count }, () => this.createUserSimple()); + } +} \ No newline at end of file diff --git a/samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.css b/samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.css new file mode 100644 index 0000000000..5532f1303b --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.css @@ -0,0 +1,405 @@ +.grid-lite-wrapper { + width: 100%; + height: 100%; +} + +.custom-styled { + --content-background: hsla(var(--ig-gray-50), var(--ig-gray-a)); + --content-text-color: var(--ig-gray-50-contrast); + --header-background: hsla(var(--ig-surface-500), var(--ig-surface-a)); + --header-text-color: var(--ig-surface-500-contrast); + --header-border-width: 0.0625rem; + --header-border-style: solid; + --header-border-color: hsla(var(--ig-gray-400), 0.38); + --filtering-header-background: hsla(var(--ig-gray-50) 205deg, 92%, 13%, var(--ig-gray-a)); + --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a)); + --filtering-row-text-color: var(--ig-gray-50-contrast); + --sorted-header-icon-color: hsla(var(--ig-primary-500), var(--ig-primary-a)); + --icon-color: "currentColor"; + --row-hover-background: hsla(var(--ig-gray-200), var(--ig-gray-a)); + --row-hover-text-color: var(--ig-gray-200-contrast); + --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a)); + --row-even-text-color: var(--ig-gray-50-contrast); + --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a)); + --row-odd-text-color: var(--ig-gray-50-contrast); + --row-border-color: hsla(var(--ig-gray-300), 0.38); + --row-border-style: solid; + --row-border-width: 0.0625rem; + --cell-active-border-color: hsla(var(--ig-primary-500), var(--ig-primary-a)); + --grid-resize-line-color: hsla(var(--ig-primary-500), var(--ig-primary-a)); + --ig-font-family: "Merriweather Sans", sans-serif; + --ig-h1-font-family: var(--ig-font-family); + --ig-h1-font-size: 2.5rem; + --ig-h1-font-weight: 500; + --ig-h1-font-style: normal; + --ig-h1-line-height: 3rem; + --ig-h1-letter-spacing: -0.09375rem; + --ig-h1-text-transform: none; + --ig-h1-margin-top: 0; + --ig-h1-margin-bottom: 0.5rem; + --ig-h2-font-family: var(--ig-font-family); + --ig-h2-font-size: 2rem; + --ig-h2-font-weight: 500; + --ig-h2-font-style: normal; + --ig-h2-line-height: 2.4rem; + --ig-h2-letter-spacing: -0.03125rem; + --ig-h2-text-transform: none; + --ig-h2-margin-top: 0; + --ig-h2-margin-bottom: 0.5rem; + --ig-h3-font-family: var(--ig-font-family); + --ig-h3-font-size: 1.75rem; + --ig-h3-font-weight: 500; + --ig-h3-font-style: normal; + --ig-h3-line-height: 2.1rem; + --ig-h3-letter-spacing: 0; + --ig-h3-text-transform: none; + --ig-h3-margin-top: 0; + --ig-h3-margin-bottom: 0.5rem; + --ig-h4-font-family: var(--ig-font-family); + --ig-h4-font-size: 1.5rem; + --ig-h4-font-weight: 500; + --ig-h4-font-style: normal; + --ig-h4-line-height: 1.8rem; + --ig-h4-letter-spacing: 0.015625rem; + --ig-h4-text-transform: none; + --ig-h4-margin-top: 0; + --ig-h4-margin-bottom: 0.5rem; + --ig-h5-font-family: var(--ig-font-family); + --ig-h5-font-size: 1.25rem; + --ig-h5-font-weight: 500; + --ig-h5-font-style: normal; + --ig-h5-line-height: 1.5rem; + --ig-h5-letter-spacing: 0; + --ig-h5-text-transform: none; + --ig-h5-margin-top: 0; + --ig-h5-margin-bottom: 0.5rem; + --ig-h6-font-family: var(--ig-font-family); + --ig-h6-font-size: 1rem; + --ig-h6-font-weight: 500; + --ig-h6-font-style: normal; + --ig-h6-line-height: 1.2rem; + --ig-h6-letter-spacing: 0.009375rem; + --ig-h6-text-transform: none; + --ig-h6-margin-top: 0; + --ig-h6-margin-bottom: 0.5rem; + --ig-subtitle-1-font-family: var(--ig-font-family); + --ig-subtitle-1-font-size: 0.875rem; + --ig-subtitle-1-font-weight: 400; + --ig-subtitle-1-font-style: normal; + --ig-subtitle-1-line-height: 1.5rem; + --ig-subtitle-1-letter-spacing: 0.009375rem; + --ig-subtitle-1-text-transform: none; + --ig-subtitle-1-margin-top: 0; + --ig-subtitle-1-margin-bottom: 0; + --ig-subtitle-2-font-family: var(--ig-font-family); + --ig-subtitle-2-font-size: 0.9rem; + --ig-subtitle-2-font-weight: 400; + --ig-subtitle-2-font-style: normal; + --ig-subtitle-2-line-height: 1.35rem; + --ig-subtitle-2-letter-spacing: 0.00625rem; + --ig-subtitle-2-text-transform: none; + --ig-subtitle-2-margin-top: 0; + --ig-subtitle-2-margin-bottom: 0; + --ig-body-1-font-family: var(--ig-font-family); + --ig-body-1-font-size: 1rem; + --ig-body-1-font-weight: 400; + --ig-body-1-font-style: normal; + --ig-body-1-line-height: 1.5rem; + --ig-body-1-letter-spacing: 0.03125rem; + --ig-body-1-text-transform: none; + --ig-body-1-margin-top: 0; + --ig-body-1-margin-bottom: 0; + --ig-body-2-font-family: var(--ig-font-family); + --ig-body-2-font-size: 0.9rem; + --ig-body-2-font-weight: 400; + --ig-body-2-font-style: normal; + --ig-body-2-line-height: 1.5rem; + --ig-body-2-letter-spacing: 0.015625rem; + --ig-body-2-text-transform: none; + --ig-body-2-margin-top: 0; + --ig-body-2-margin-bottom: 0; + --ig-button-font-family: var(--ig-font-family); + --ig-button-font-size: 1rem; + --ig-button-font-weight: 500; + --ig-button-font-style: normal; + --ig-button-line-height: 1.5rem; + --ig-button-letter-spacing: 0.046875rem; + --ig-button-text-transform: none; + --ig-button-margin-top: 0; + --ig-button-margin-bottom: 0; + --ig-caption-font-family: var(--ig-font-family); + --ig-caption-font-size: 0.75rem; + --ig-caption-font-weight: 400; + --ig-caption-font-style: normal; + --ig-caption-line-height: 1rem; + --ig-caption-letter-spacing: 0.025rem; + --ig-caption-text-transform: none; + --ig-caption-margin-top: 0; + --ig-caption-margin-bottom: 0; + --ig-overline-font-family: var(--ig-font-family); + --ig-overline-font-size: 0.625rem; + --ig-overline-font-weight: 400; + --ig-overline-font-style: normal; + --ig-overline-line-height: 1rem; + --ig-overline-letter-spacing: 0.09375rem; + --ig-overline-text-transform: uppercase; + --ig-overline-margin-top: 0; + --ig-overline-margin-bottom: 0; + --ig-calendar-labels-font-family: var(--ig-font-family); + --ig-calendar-labels-font-size: 0.8125rem; + --ig-calendar-labels-font-weight: 400; + --ig-calendar-labels-font-style: normal; + --ig-calendar-labels-line-height: normal; + --ig-calendar-labels-letter-spacing: normal; + --ig-calendar-labels-text-transform: none; + --ig-calendar-labels-margin-top: 0; + --ig-calendar-labels-margin-bottom: 0; + --ig-primary-50-contrast: black; + --ig-primary-50: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.78); + --ig-primary-100-contrast: black; + --ig-primary-100: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.8), calc(var(--ig-primary-l) * 1.66); + --ig-primary-200-contrast: black; + --ig-primary-200: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.64), calc(var(--ig-primary-l) * 1.43); + --ig-primary-300-contrast: black; + --ig-primary-300: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.73), calc(var(--ig-primary-l) * 1.19); + --ig-primary-400-contrast: black; + --ig-primary-400: var(--ig-primary-h), calc(var(--ig-primary-s) * 0.875), calc(var(--ig-primary-l) * 1.08); + --ig-primary-h: 56deg; + --ig-primary-s: 75%; + --ig-primary-l: 50%; + --ig-primary-a: 1; + --ig-primary-500-contrast: black; + --ig-primary-500: var(--ig-primary-h), calc(var(--ig-primary-s) * 1), calc(var(--ig-primary-l) * 1); + --ig-primary-600-contrast: black; + --ig-primary-600: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.26), calc(var(--ig-primary-l) * 0.89); + --ig-primary-700-contrast: black; + --ig-primary-700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.52), calc(var(--ig-primary-l) * 0.81); + --ig-primary-800-contrast: black; + --ig-primary-800: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.5), calc(var(--ig-primary-l) * 0.73); + --ig-primary-900-contrast: black; + --ig-primary-900: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.34), calc(var(--ig-primary-l) * 0.64); + --ig-primary-A100-contrast: black; + --ig-primary-A100: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 1.34); + --ig-primary-A200-contrast: black; + --ig-primary-A200: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.22), calc(var(--ig-primary-l) * 1.16); + --ig-primary-A400-contrast: black; + --ig-primary-A400: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.91); + --ig-primary-A700-contrast: black; + --ig-primary-A700: var(--ig-primary-h), calc(var(--ig-primary-s) * 1.23), calc(var(--ig-primary-l) * 0.65); + --ig-secondary-50-contrast: black; + --ig-secondary-50: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.78); + --ig-secondary-100-contrast: black; + --ig-secondary-100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.8), calc(var(--ig-secondary-l) * 1.66); + --ig-secondary-200-contrast: black; + --ig-secondary-200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.64), calc(var(--ig-secondary-l) * 1.43); + --ig-secondary-300-contrast: black; + --ig-secondary-300: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.73), calc(var(--ig-secondary-l) * 1.19); + --ig-secondary-400-contrast: black; + --ig-secondary-400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 0.875), calc(var(--ig-secondary-l) * 1.08); + --ig-secondary-h: 15deg; + --ig-secondary-s: 55%; + --ig-secondary-l: 64%; + --ig-secondary-a: 1; + --ig-secondary-500-contrast: black; + --ig-secondary-500: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1), calc(var(--ig-secondary-l) * 1); + --ig-secondary-600-contrast: black; + --ig-secondary-600: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.26), calc(var(--ig-secondary-l) * 0.89); + --ig-secondary-700-contrast: black; + --ig-secondary-700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.52), calc(var(--ig-secondary-l) * 0.81); + --ig-secondary-800-contrast: black; + --ig-secondary-800: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.5), calc(var(--ig-secondary-l) * 0.73); + --ig-secondary-900-contrast: white; + --ig-secondary-900: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.34), calc(var(--ig-secondary-l) * 0.64); + --ig-secondary-A100-contrast: black; + --ig-secondary-A100: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 1.34); + --ig-secondary-A200-contrast: black; + --ig-secondary-A200: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.22), calc(var(--ig-secondary-l) * 1.16); + --ig-secondary-A400-contrast: black; + --ig-secondary-A400: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.91); + --ig-secondary-A700-contrast: white; + --ig-secondary-A700: var(--ig-secondary-h), calc(var(--ig-secondary-s) * 1.23), calc(var(--ig-secondary-l) * 0.65); + --ig-gray-50-contrast: white; + --ig-gray-50: var(--ig-gray-h), var(--ig-gray-s), 13%; + --ig-gray-100-contrast: white; + --ig-gray-100: var(--ig-gray-h), var(--ig-gray-s), 26%; + --ig-gray-200-contrast: white; + --ig-gray-200: var(--ig-gray-h), var(--ig-gray-s), 38%; + --ig-gray-300-contrast: black; + --ig-gray-300: var(--ig-gray-h), var(--ig-gray-s), 54%; + --ig-gray-400-contrast: black; + --ig-gray-400: var(--ig-gray-h), var(--ig-gray-s), 62%; + --ig-gray-h: 205deg; + --ig-gray-s: 92%; + --ig-gray-l: 74%; + --ig-gray-a: 1; + --ig-gray-500-contrast: black; + --ig-gray-500: var(--ig-gray-h), var(--ig-gray-s), 74%; + --ig-gray-600-contrast: black; + --ig-gray-600: var(--ig-gray-h), var(--ig-gray-s), 88%; + --ig-gray-700-contrast: black; + --ig-gray-700: var(--ig-gray-h), var(--ig-gray-s), 93%; + --ig-gray-800-contrast: black; + --ig-gray-800: var(--ig-gray-h), var(--ig-gray-s), 96%; + --ig-gray-900-contrast: black; + --ig-gray-900: var(--ig-gray-h), var(--ig-gray-s), 98%; + --ig-surface-50-contrast: white; + --ig-surface-50: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.78); + --ig-surface-100-contrast: white; + --ig-surface-100: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.8), calc(var(--ig-surface-l) * 1.66); + --ig-surface-200-contrast: white; + --ig-surface-200: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.64), calc(var(--ig-surface-l) * 1.43); + --ig-surface-300-contrast: white; + --ig-surface-300: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.73), calc(var(--ig-surface-l) * 1.19); + --ig-surface-400-contrast: white; + --ig-surface-400: var(--ig-surface-h), calc(var(--ig-surface-s) * 0.875), calc(var(--ig-surface-l) * 1.08); + --ig-surface-h: 216deg; + --ig-surface-s: 92%; + --ig-surface-l: 14%; + --ig-surface-a: 1; + --ig-surface-500-contrast: white; + --ig-surface-500: var(--ig-surface-h), calc(var(--ig-surface-s) * 1), calc(var(--ig-surface-l) * 1); + --ig-surface-600-contrast: white; + --ig-surface-600: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.26), calc(var(--ig-surface-l) * 0.89); + --ig-surface-700-contrast: white; + --ig-surface-700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.52), calc(var(--ig-surface-l) * 0.81); + --ig-surface-800-contrast: white; + --ig-surface-800: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.5), calc(var(--ig-surface-l) * 0.73); + --ig-surface-900-contrast: white; + --ig-surface-900: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.34), calc(var(--ig-surface-l) * 0.64); + --ig-surface-A100-contrast: white; + --ig-surface-A100: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 1.34); + --ig-surface-A200-contrast: white; + --ig-surface-A200: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.22), calc(var(--ig-surface-l) * 1.16); + --ig-surface-A400-contrast: white; + --ig-surface-A400: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.91); + --ig-surface-A700-contrast: white; + --ig-surface-A700: var(--ig-surface-h), calc(var(--ig-surface-s) * 1.23), calc(var(--ig-surface-l) * 0.65); + --ig-info-50-contrast: black; + --ig-info-50: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.78); + --ig-info-100-contrast: black; + --ig-info-100: var(--ig-info-h), calc(var(--ig-info-s) * 0.8), calc(var(--ig-info-l) * 1.66); + --ig-info-200-contrast: black; + --ig-info-200: var(--ig-info-h), calc(var(--ig-info-s) * 0.64), calc(var(--ig-info-l) * 1.43); + --ig-info-300-contrast: black; + --ig-info-300: var(--ig-info-h), calc(var(--ig-info-s) * 0.73), calc(var(--ig-info-l) * 1.19); + --ig-info-400-contrast: black; + --ig-info-400: var(--ig-info-h), calc(var(--ig-info-s) * 0.875), calc(var(--ig-info-l) * 1.08); + --ig-info-h: 209deg; + --ig-info-s: 84%; + --ig-info-l: 45%; + --ig-info-a: 1; + --ig-info-500-contrast: black; + --ig-info-500: var(--ig-info-h), calc(var(--ig-info-s) * 1), calc(var(--ig-info-l) * 1); + --ig-info-600-contrast: white; + --ig-info-600: var(--ig-info-h), calc(var(--ig-info-s) * 1.26), calc(var(--ig-info-l) * 0.89); + --ig-info-700-contrast: white; + --ig-info-700: var(--ig-info-h), calc(var(--ig-info-s) * 1.52), calc(var(--ig-info-l) * 0.81); + --ig-info-800-contrast: white; + --ig-info-800: var(--ig-info-h), calc(var(--ig-info-s) * 1.5), calc(var(--ig-info-l) * 0.73); + --ig-info-900-contrast: white; + --ig-info-900: var(--ig-info-h), calc(var(--ig-info-s) * 1.34), calc(var(--ig-info-l) * 0.64); + --ig-info-A100-contrast: black; + --ig-info-A100: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 1.34); + --ig-info-A200-contrast: black; + --ig-info-A200: var(--ig-info-h), calc(var(--ig-info-s) * 1.22), calc(var(--ig-info-l) * 1.16); + --ig-info-A400-contrast: white; + --ig-info-A400: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.91); + --ig-info-A700-contrast: white; + --ig-info-A700: var(--ig-info-h), calc(var(--ig-info-s) * 1.23), calc(var(--ig-info-l) * 0.65); + --ig-success-50-contrast: black; + --ig-success-50: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.78); + --ig-success-100-contrast: black; + --ig-success-100: var(--ig-success-h), calc(var(--ig-success-s) * 0.8), calc(var(--ig-success-l) * 1.66); + --ig-success-200-contrast: black; + --ig-success-200: var(--ig-success-h), calc(var(--ig-success-s) * 0.64), calc(var(--ig-success-l) * 1.43); + --ig-success-300-contrast: black; + --ig-success-300: var(--ig-success-h), calc(var(--ig-success-s) * 0.73), calc(var(--ig-success-l) * 1.19); + --ig-success-400-contrast: black; + --ig-success-400: var(--ig-success-h), calc(var(--ig-success-s) * 0.875), calc(var(--ig-success-l) * 1.08); + --ig-success-h: 131deg; + --ig-success-s: 43%; + --ig-success-l: 51%; + --ig-success-a: 1; + --ig-success-500-contrast: black; + --ig-success-500: var(--ig-success-h), calc(var(--ig-success-s) * 1), calc(var(--ig-success-l) * 1); + --ig-success-600-contrast: black; + --ig-success-600: var(--ig-success-h), calc(var(--ig-success-s) * 1.26), calc(var(--ig-success-l) * 0.89); + --ig-success-700-contrast: black; + --ig-success-700: var(--ig-success-h), calc(var(--ig-success-s) * 1.52), calc(var(--ig-success-l) * 0.81); + --ig-success-800-contrast: black; + --ig-success-800: var(--ig-success-h), calc(var(--ig-success-s) * 1.5), calc(var(--ig-success-l) * 0.73); + --ig-success-900-contrast: white; + --ig-success-900: var(--ig-success-h), calc(var(--ig-success-s) * 1.34), calc(var(--ig-success-l) * 0.64); + --ig-success-A100-contrast: black; + --ig-success-A100: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 1.34); + --ig-success-A200-contrast: black; + --ig-success-A200: var(--ig-success-h), calc(var(--ig-success-s) * 1.22), calc(var(--ig-success-l) * 1.16); + --ig-success-A400-contrast: black; + --ig-success-A400: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.91); + --ig-success-A700-contrast: white; + --ig-success-A700: var(--ig-success-h), calc(var(--ig-success-s) * 1.23), calc(var(--ig-success-l) * 0.65); + --ig-warn-50-contrast: black; + --ig-warn-50: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.78); + --ig-warn-100-contrast: black; + --ig-warn-100: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.8), calc(var(--ig-warn-l) * 1.66); + --ig-warn-200-contrast: black; + --ig-warn-200: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.64), calc(var(--ig-warn-l) * 1.43); + --ig-warn-300-contrast: black; + --ig-warn-300: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.73), calc(var(--ig-warn-l) * 1.19); + --ig-warn-400-contrast: black; + --ig-warn-400: var(--ig-warn-h), calc(var(--ig-warn-s) * 0.875), calc(var(--ig-warn-l) * 1.08); + --ig-warn-h: 37deg; + --ig-warn-s: 96%; + --ig-warn-l: 54%; + --ig-warn-a: 1; + --ig-warn-500-contrast: black; + --ig-warn-500: var(--ig-warn-h), calc(var(--ig-warn-s) * 1), calc(var(--ig-warn-l) * 1); + --ig-warn-600-contrast: black; + --ig-warn-600: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.26), calc(var(--ig-warn-l) * 0.89); + --ig-warn-700-contrast: black; + --ig-warn-700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.52), calc(var(--ig-warn-l) * 0.81); + --ig-warn-800-contrast: black; + --ig-warn-800: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.5), calc(var(--ig-warn-l) * 0.73); + --ig-warn-900-contrast: black; + --ig-warn-900: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.34), calc(var(--ig-warn-l) * 0.64); + --ig-warn-A100-contrast: black; + --ig-warn-A100: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 1.34); + --ig-warn-A200-contrast: black; + --ig-warn-A200: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.22), calc(var(--ig-warn-l) * 1.16); + --ig-warn-A400-contrast: black; + --ig-warn-A400: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.91); + --ig-warn-A700-contrast: black; + --ig-warn-A700: var(--ig-warn-h), calc(var(--ig-warn-s) * 1.23), calc(var(--ig-warn-l) * 0.65); + --ig-error-50-contrast: black; + --ig-error-50: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.78); + --ig-error-100-contrast: black; + --ig-error-100: var(--ig-error-h), calc(var(--ig-error-s) * 0.8), calc(var(--ig-error-l) * 1.66); + --ig-error-200-contrast: black; + --ig-error-200: var(--ig-error-h), calc(var(--ig-error-s) * 0.64), calc(var(--ig-error-l) * 1.43); + --ig-error-300-contrast: black; + --ig-error-300: var(--ig-error-h), calc(var(--ig-error-s) * 0.73), calc(var(--ig-error-l) * 1.19); + --ig-error-400-contrast: black; + --ig-error-400: var(--ig-error-h), calc(var(--ig-error-s) * 0.875), calc(var(--ig-error-l) * 1.08); + --ig-error-h: 346deg; + --ig-error-s: 100%; + --ig-error-l: 54%; + --ig-error-a: 1; + --ig-error-500-contrast: black; + --ig-error-500: var(--ig-error-h), calc(var(--ig-error-s) * 1), calc(var(--ig-error-l) * 1); + --ig-error-600-contrast: black; + --ig-error-600: var(--ig-error-h), calc(var(--ig-error-s) * 1.26), calc(var(--ig-error-l) * 0.89); + --ig-error-700-contrast: white; + --ig-error-700: var(--ig-error-h), calc(var(--ig-error-s) * 1.52), calc(var(--ig-error-l) * 0.81); + --ig-error-800-contrast: white; + --ig-error-800: var(--ig-error-h), calc(var(--ig-error-s) * 1.5), calc(var(--ig-error-l) * 0.73); + --ig-error-900-contrast: white; + --ig-error-900: var(--ig-error-h), calc(var(--ig-error-s) * 1.34), calc(var(--ig-error-l) * 0.64); + --ig-error-A100-contrast: black; + --ig-error-A100: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 1.34); + --ig-error-A200-contrast: black; + --ig-error-A200: var(--ig-error-h), calc(var(--ig-error-s) * 1.22), calc(var(--ig-error-l) * 1.16); + --ig-error-A400-contrast: black; + --ig-error-A400: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.91); + --ig-error-A700-contrast: white; + --ig-error-A700: var(--ig-error-h), calc(var(--ig-error-s) * 1.23), calc(var(--ig-error-l) * 0.65); +} diff --git a/samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.tsx b/samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.tsx new file mode 100644 index 0000000000..b0bd86eeae --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.tsx @@ -0,0 +1,93 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; +import './GridLiteStylingCustomTheme.css'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(50); + + const columns = [ + { + key: 'name', + headerText: 'Product', + sort: true, + filter: true + }, + { + key: 'price', + headerText: 'Price', + sort: true, + filter: true, + type: 'number' + }, + { + key: 'sold', + headerText: 'Sold', + sort: true, + filter: true, + type: 'number' + }, + { + key: 'total', + headerText: 'Total', + sort: true, + filter: true, + type: 'number' + }, + { + key: 'rating', + headerText: 'Rating', + type: 'number', + sort: true, + filter: true, + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('value', params.value.toString()); + return rating; + } + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/styling-custom-theme/src/index.tsx b/samples/grids/grid-lite/styling-custom-theme/src/index.tsx new file mode 100644 index 0000000000..8906fde4f7 --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/src/index.tsx @@ -0,0 +1 @@ +export { default } from './GridLiteStylingCustomTheme'; From 5b39d1679cb3e5d86808ac66df46c4753be7ab7d Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 21 Nov 2025 17:56:44 +0000 Subject: [PATCH 3/7] Add package.json files for all grid-lite samples and regenerate routing Co-authored-by: ChronosSF <2188411+ChronosSF@users.noreply.github.com> --- browser/package-lock.json | 152 +++++++++++++----- browser/public/meta.json | 2 +- browser/src/navigation/SamplesBrowser.json | 2 +- .../category-chart/annotations/ReadMe.md | 56 +++++++ .../category-chart/axis-options/ReadMe.md | 56 +++++++ .../category-chart/axis-overlap/ReadMe.md | 56 +++++++ .../category-chart/axis-range/ReadMe.md | 56 +++++++ .../column-chart-with-highlighting/ReadMe.md | 56 +++++++ .../column-chart-with-tooltips/ReadMe.md | 56 +++++++ .../category-chart/high-frequency/ReadMe.md | 56 +++++++ .../category-chart/high-volume/ReadMe.md | 56 +++++++ .../category-chart/highlighting/ReadMe.md | 56 +++++++ .../line-chart-multiple-sources/ReadMe.md | 56 +++++++ .../line-chart-single-source/ReadMe.md | 56 +++++++ .../line-chart-styling/ReadMe.md | 56 +++++++ .../line-chart-with-animations/ReadMe.md | 56 +++++++ .../line-chart-with-annotations/ReadMe.md | 56 +++++++ .../category-chart/marker-options/ReadMe.md | 56 +++++++ .../category-chart/marker-templates/ReadMe.md | 56 +++++++ .../charts/category-chart/overview/ReadMe.md | 56 +++++++ .../category-chart/stack-columns/ReadMe.md | 56 +++++++ .../category-chart/tooltip-template/ReadMe.md | 56 +++++++ .../category-chart/tooltip-types/ReadMe.md | 56 +++++++ .../charts/category-chart/trendline/ReadMe.md | 56 +++++++ .../data-chart/axis-annotations/ReadMe.md | 56 +++++++ .../charts/data-chart/axis-crossing/ReadMe.md | 56 +++++++ .../data-chart/axis-locations/ReadMe.md | 56 +++++++ .../charts/data-chart/axis-settings/ReadMe.md | 56 +++++++ .../charts/data-chart/axis-sharing/ReadMe.md | 56 +++++++ .../charts/data-chart/axis-types/ReadMe.md | 56 +++++++ .../data-chart/chart-navigation/ReadMe.md | 56 +++++++ .../data-chart/chart-overview/ReadMe.md | 56 +++++++ .../data-chart/chart-performance/ReadMe.md | 56 +++++++ .../chart-synchronization/ReadMe.md | 56 +++++++ .../charts/data-chart/chart-titles/ReadMe.md | 56 +++++++ .../data-chart/composite-chart/ReadMe.md | 56 +++++++ .../crosshair-layer-styling/ReadMe.md | 56 +++++++ .../custom-drawing-annotations/ReadMe.md | 56 +++++++ .../data-chart/custom-editing-data/ReadMe.md | 56 +++++++ .../final-value-layer-styling/ReadMe.md | 56 +++++++ samples/charts/data-chart/legends/ReadMe.md | 56 +++++++ .../data-chart/polar-area-chart/ReadMe.md | 56 +++++++ .../data-chart/polar-chart-types/ReadMe.md | 56 +++++++ .../data-chart/polar-line-chart/ReadMe.md | 56 +++++++ .../data-chart/polar-scatter-chart/ReadMe.md | 56 +++++++ .../polar-spline-area-chart/ReadMe.md | 56 +++++++ .../data-chart/polar-spline-chart/ReadMe.md | 56 +++++++ .../data-chart/radial-area-chart/ReadMe.md | 56 +++++++ .../data-chart/radial-chart-types/ReadMe.md | 56 +++++++ .../data-chart/radial-column-chart/ReadMe.md | 56 +++++++ .../data-chart/radial-line-chart/ReadMe.md | 56 +++++++ .../data-chart/radial-pie-chart/ReadMe.md | 56 +++++++ .../data-chart/series-annotations/ReadMe.md | 56 +++++++ .../data-chart/series-highlighting/ReadMe.md | 56 +++++++ .../series-marker-template/ReadMe.md | 56 +++++++ .../data-chart/series-markers/ReadMe.md | 56 +++++++ .../data-chart/series-tooltips/ReadMe.md | 56 +++++++ .../data-chart/series-trendlines/ReadMe.md | 56 +++++++ .../data-chart/series-value-overlay/ReadMe.md | 56 +++++++ .../data-chart/stacked-chart-types/ReadMe.md | 56 +++++++ .../data-chart/tooltip-template/ReadMe.md | 56 +++++++ .../ReadMe.md | 56 +++++++ .../ReadMe.md | 56 +++++++ .../type-financial-indicators-line/ReadMe.md | 56 +++++++ .../type-financial-ohlc-series/ReadMe.md | 56 +++++++ .../type-financial-overlays/ReadMe.md | 56 +++++++ .../type-financial-series/ReadMe.md | 56 +++++++ .../type-range-area-series/ReadMe.md | 56 +++++++ .../type-range-column-series/ReadMe.md | 56 +++++++ .../data-chart/type-range-series/ReadMe.md | 56 +++++++ .../type-scatter-area-series/ReadMe.md | 56 +++++++ .../type-scatter-bubble-series/ReadMe.md | 56 +++++++ .../type-scatter-contour-series/ReadMe.md | 56 +++++++ .../type-scatter-hd-series/ReadMe.md | 56 +++++++ .../type-scatter-polygon-series/ReadMe.md | 56 +++++++ .../type-scatter-polyline-series/ReadMe.md | 56 +++++++ .../data-chart/type-scatter-series/ReadMe.md | 56 +++++++ .../data-chart/type-shape-series/ReadMe.md | 56 +++++++ .../user-annotation-layer/ReadMe.md | 8 +- .../charts/doughnut-chart/animation/ReadMe.md | 56 +++++++ .../charts/doughnut-chart/explosion/ReadMe.md | 56 +++++++ .../charts/doughnut-chart/legend/ReadMe.md | 56 +++++++ .../charts/doughnut-chart/overview/ReadMe.md | 56 +++++++ samples/charts/doughnut-chart/rings/ReadMe.md | 56 +++++++ .../charts/doughnut-chart/selection/ReadMe.md | 56 +++++++ .../financial-chart/annotations/ReadMe.md | 56 +++++++ .../financial-chart/axis-types/ReadMe.md | 56 +++++++ .../financial-chart/high-frequency/ReadMe.md | 56 +++++++ .../financial-chart/high-volume/ReadMe.md | 56 +++++++ .../indicator-customization/ReadMe.md | 56 +++++++ .../financial-chart/indicator-types/ReadMe.md | 56 +++++++ .../financial-chart/multiple-data/ReadMe.md | 56 +++++++ .../charts/financial-chart/overview/ReadMe.md | 56 +++++++ .../charts/financial-chart/panes/ReadMe.md | 56 +++++++ .../financial-chart/performance/ReadMe.md | 56 +++++++ .../financial-chart/scrollbars/ReadMe.md | 56 +++++++ .../stock-index-chart/ReadMe.md | 56 +++++++ .../charts/financial-chart/styling/ReadMe.md | 56 +++++++ .../charts/financial-chart/titles/ReadMe.md | 56 +++++++ .../financial-chart/tooltip-types/ReadMe.md | 56 +++++++ .../financial-chart/trendlines/ReadMe.md | 56 +++++++ .../financial-chart/volume-types/ReadMe.md | 56 +++++++ samples/charts/pie-chart/animation/ReadMe.md | 56 +++++++ samples/charts/pie-chart/explosion/ReadMe.md | 56 +++++++ samples/charts/pie-chart/legend/ReadMe.md | 56 +++++++ samples/charts/pie-chart/others/ReadMe.md | 56 +++++++ samples/charts/pie-chart/overview/ReadMe.md | 56 +++++++ samples/charts/pie-chart/selection/ReadMe.md | 56 +++++++ .../charts/sparkline/display-types/ReadMe.md | 56 +++++++ samples/charts/sparkline/grid/ReadMe.md | 56 +++++++ samples/charts/sparkline/markers/ReadMe.md | 56 +++++++ .../charts/sparkline/normal-range/ReadMe.md | 56 +++++++ samples/charts/sparkline/trendlines/ReadMe.md | 56 +++++++ .../charts/sparkline/unknown-values/ReadMe.md | 56 +++++++ samples/charts/tree-map/events/ReadMe.md | 56 +++++++ samples/charts/tree-map/overview/ReadMe.md | 56 +++++++ samples/charts/zoomslider/overview/ReadMe.md | 56 +++++++ .../multi-column-combobox/overview/ReadMe.md | 56 +++++++ .../x-date-picker/date-limits/ReadMe.md | 56 +++++++ .../editors/x-date-picker/editing/ReadMe.md | 56 +++++++ .../editors/x-date-picker/format/ReadMe.md | 56 +++++++ .../editors/x-date-picker/overview/ReadMe.md | 56 +++++++ samples/editors/x-date-picker/range/ReadMe.md | 56 +++++++ .../operations-on-workbooks/ReadMe.md | 56 +++++++ .../operations-on-worksheets/ReadMe.md | 56 +++++++ .../excel/excel-library/overview/ReadMe.md | 56 +++++++ .../working-with-cells/ReadMe.md | 56 +++++++ .../working-with-charts/ReadMe.md | 56 +++++++ .../working-with-sparklines/ReadMe.md | 56 +++++++ .../excel/spreadsheet/activation/ReadMe.md | 56 +++++++ .../excel/spreadsheet/adapter-chart/ReadMe.md | 56 +++++++ .../excel/spreadsheet/adapter-combo/ReadMe.md | 56 +++++++ samples/excel/spreadsheet/clipboard/ReadMe.md | 56 +++++++ samples/excel/spreadsheet/commands/ReadMe.md | 56 +++++++ .../conditional-formatting/ReadMe.md | 56 +++++++ .../spreadsheet/config-options/ReadMe.md | 56 +++++++ .../spreadsheet/data-validation/ReadMe.md | 56 +++++++ .../excel/spreadsheet/filter-dialog/ReadMe.md | 56 +++++++ .../excel/spreadsheet/format-dialog/ReadMe.md | 56 +++++++ .../excel/spreadsheet/hyperlinks/ReadMe.md | 56 +++++++ samples/excel/spreadsheet/overview/ReadMe.md | 56 +++++++ .../excel/spreadsheet/sort-dialog/ReadMe.md | 56 +++++++ .../gauges/bullet-graph/animation/ReadMe.md | 56 +++++++ .../gauges/bullet-graph/background/ReadMe.md | 56 +++++++ .../bullet-graph/highlight-needle/ReadMe.md | 56 +++++++ samples/gauges/bullet-graph/labels/ReadMe.md | 56 +++++++ .../gauges/bullet-graph/measures/ReadMe.md | 56 +++++++ samples/gauges/bullet-graph/ranges/ReadMe.md | 56 +++++++ samples/gauges/bullet-graph/scale/ReadMe.md | 56 +++++++ .../gauges/bullet-graph/tickmarks/ReadMe.md | 56 +++++++ .../gauges/bullet-graph/type-filled/ReadMe.md | 56 +++++++ .../bullet-graph/type-horizontal/ReadMe.md | 56 +++++++ .../bullet-graph/type-reversed/ReadMe.md | 56 +++++++ .../bullet-graph/type-segmented/ReadMe.md | 56 +++++++ .../bullet-graph/type-vertical/ReadMe.md | 56 +++++++ .../gauges/linear-gauge/animation/ReadMe.md | 56 +++++++ samples/gauges/linear-gauge/backing/ReadMe.md | 56 +++++++ .../linear-gauge/highlight-needle/ReadMe.md | 56 +++++++ samples/gauges/linear-gauge/labels/ReadMe.md | 56 +++++++ samples/gauges/linear-gauge/needle/ReadMe.md | 56 +++++++ samples/gauges/linear-gauge/ranges/ReadMe.md | 56 +++++++ samples/gauges/linear-gauge/scale/ReadMe.md | 56 +++++++ .../gauges/linear-gauge/tickmarks/ReadMe.md | 56 +++++++ .../gauges/linear-gauge/type-curved/ReadMe.md | 56 +++++++ .../gauges/linear-gauge/type-filled/ReadMe.md | 56 +++++++ .../linear-gauge/type-horizontal/ReadMe.md | 56 +++++++ .../linear-gauge/type-multi-range/ReadMe.md | 56 +++++++ .../linear-gauge/type-multi-scale/ReadMe.md | 56 +++++++ .../linear-gauge/type-segmented/ReadMe.md | 56 +++++++ .../linear-gauge/type-vertical/ReadMe.md | 56 +++++++ .../gauges/radial-gauge/animation/ReadMe.md | 56 +++++++ samples/gauges/radial-gauge/backing/ReadMe.md | 56 +++++++ .../radial-gauge/highlight-needle/ReadMe.md | 56 +++++++ samples/gauges/radial-gauge/labels/ReadMe.md | 56 +++++++ samples/gauges/radial-gauge/needle/ReadMe.md | 56 +++++++ .../radial-gauge/optical-scaling/ReadMe.md | 56 +++++++ samples/gauges/radial-gauge/ranges/ReadMe.md | 56 +++++++ samples/gauges/radial-gauge/scale/ReadMe.md | 56 +++++++ .../gauges/radial-gauge/tickmarks/ReadMe.md | 56 +++++++ .../gauges/radial-gauge/type-column/ReadMe.md | 56 +++++++ .../gauges/radial-gauge/type-curved/ReadMe.md | 56 +++++++ .../radial-gauge/type-direction/ReadMe.md | 56 +++++++ .../gauges/radial-gauge/type-full/ReadMe.md | 56 +++++++ .../gauges/radial-gauge/type-half/ReadMe.md | 56 +++++++ .../gauges/radial-gauge/type-quatre/ReadMe.md | 56 +++++++ .../gauges/radial-gauge/type-ring/ReadMe.md | 56 +++++++ .../radial-gauge/type-segmented/ReadMe.md | 56 +++++++ .../gauges/radial-gauge/type-semi/ReadMe.md | 56 +++++++ .../grids/data-grid/accessibility/ReadMe.md | 56 +++++++ .../data-grid/binding-data-service/ReadMe.md | 56 +++++++ .../data-grid/binding-live-data/ReadMe.md | 56 +++++++ .../data-grid/binding-local-data/ReadMe.md | 56 +++++++ .../data-grid/binding-remote-data/ReadMe.md | 56 +++++++ .../grids/data-grid/cell-activation/ReadMe.md | 56 +++++++ .../grids/data-grid/cell-editing/ReadMe.md | 56 +++++++ .../grids/data-grid/cell-merging/ReadMe.md | 56 +++++++ .../grids/data-grid/cell-selection/ReadMe.md | 56 +++++++ .../data-grid/column-animation/ReadMe.md | 56 +++++++ .../data-grid/column-chooser-picker/ReadMe.md | 56 +++++++ .../column-chooser-toolbar/ReadMe.md | 56 +++++++ .../column-filter-expressions/ReadMe.md | 56 +++++++ .../column-filter-operands/ReadMe.md | 56 +++++++ .../data-grid/column-filtering/ReadMe.md | 56 +++++++ .../grids/data-grid/column-moving/ReadMe.md | 56 +++++++ .../grids/data-grid/column-options/ReadMe.md | 56 +++++++ .../data-grid/column-pinning-picker/ReadMe.md | 56 +++++++ .../column-pinning-toolbar/ReadMe.md | 56 +++++++ .../grids/data-grid/column-resizing/ReadMe.md | 56 +++++++ .../data-grid/column-scrolling/ReadMe.md | 56 +++++++ .../grids/data-grid/column-sorting/ReadMe.md | 56 +++++++ .../data-grid/column-summaries/ReadMe.md | 56 +++++++ .../grids/data-grid/column-types/ReadMe.md | 56 +++++++ .../data-grid/load-save-layout/ReadMe.md | 56 +++++++ .../grids/data-grid/localization/ReadMe.md | 56 +++++++ samples/grids/data-grid/overview/ReadMe.md | 56 +++++++ samples/grids/data-grid/pager/ReadMe.md | 56 +++++++ samples/grids/data-grid/performance/ReadMe.md | 56 +++++++ .../row-group-descriptions/ReadMe.md | 56 +++++++ .../grids/data-grid/row-grouping/ReadMe.md | 56 +++++++ .../data-grid/row-highlighting/ReadMe.md | 56 +++++++ samples/grids/data-grid/row-paging/ReadMe.md | 56 +++++++ samples/grids/data-grid/row-pinning/ReadMe.md | 56 +++++++ .../grids/data-grid/row-selection/ReadMe.md | 56 +++++++ .../data-grid/type-comparison-table/ReadMe.md | 56 +++++++ .../data-grid/type-heatmap-table/ReadMe.md | 56 +++++++ .../data-grid/type-marketing-table/ReadMe.md | 56 +++++++ .../data-grid/type-matrix-table/ReadMe.md | 56 +++++++ .../data-grid/type-periodic-table/ReadMe.md | 56 +++++++ .../grid-lite/column-config-basic/ReadMe.md | 56 +++++++ .../column-config-basic/package.json | 50 ++++++ .../grid-lite/column-config-dynamic/ReadMe.md | 56 +++++++ .../column-config-dynamic/package.json | 50 ++++++ .../grid-lite/column-config-headers/ReadMe.md | 56 +++++++ .../column-config-headers/package.json | 50 ++++++ .../grids/grid-lite/data-binding/ReadMe.md | 56 +++++++ .../grids/grid-lite/data-binding/package.json | 50 ++++++ .../filtering-config-events/ReadMe.md | 56 +++++++ .../filtering-config-events/package.json | 50 ++++++ .../filtering-config-remote/ReadMe.md | 56 +++++++ .../filtering-config-remote/package.json | 50 ++++++ .../grid-lite/filtering-config/ReadMe.md | 56 +++++++ .../grid-lite/filtering-config/package.json | 50 ++++++ samples/grids/grid-lite/overview/ReadMe.md | 56 +++++++ samples/grids/grid-lite/overview/package.json | 50 ++++++ .../grid-lite/sort-config-events/ReadMe.md | 56 +++++++ .../grid-lite/sort-config-events/package.json | 50 ++++++ .../grid-lite/sort-config-grid/ReadMe.md | 56 +++++++ .../grid-lite/sort-config-grid/package.json | 50 ++++++ .../grid-lite/sort-config-pipeline/ReadMe.md | 56 +++++++ .../sort-config-pipeline/package.json | 50 ++++++ .../grid-lite/sort-config-sample/ReadMe.md | 56 +++++++ .../grid-lite/sort-config-sample/package.json | 50 ++++++ .../grid-lite/styling-custom-theme/ReadMe.md | 56 +++++++ .../styling-custom-theme/package.json | 50 ++++++ samples/grids/list/add-list-items/ReadMe.md | 56 +++++++ .../grids/list/list-item-content/ReadMe.md | 56 +++++++ samples/grids/list/overview/ReadMe.md | 56 +++++++ samples/grids/list/styling/ReadMe.md | 56 +++++++ samples/grids/tree/basic-example/ReadMe.md | 56 +++++++ samples/inputs/badge/outlined/ReadMe.md | 56 +++++++ samples/inputs/badge/shape/ReadMe.md | 56 +++++++ samples/inputs/badge/variants/ReadMe.md | 56 +++++++ .../inputs/button-group/alignment/ReadMe.md | 56 +++++++ .../inputs/button-group/overview/ReadMe.md | 56 +++++++ .../inputs/button-group/selection/ReadMe.md | 56 +++++++ samples/inputs/button-group/size/ReadMe.md | 56 +++++++ samples/inputs/button-group/styling/ReadMe.md | 56 +++++++ samples/inputs/button/contained/ReadMe.md | 56 +++++++ samples/inputs/button/download/ReadMe.md | 56 +++++++ samples/inputs/button/fab/ReadMe.md | 56 +++++++ samples/inputs/button/flat/ReadMe.md | 56 +++++++ samples/inputs/button/outlined/ReadMe.md | 56 +++++++ samples/inputs/button/overview/ReadMe.md | 56 +++++++ samples/inputs/button/size/ReadMe.md | 56 +++++++ samples/inputs/button/styling/ReadMe.md | 56 +++++++ samples/inputs/checkbox/checking/ReadMe.md | 56 +++++++ samples/inputs/checkbox/disabled/ReadMe.md | 56 +++++++ .../inputs/checkbox/indeterminate/ReadMe.md | 56 +++++++ samples/inputs/checkbox/label/ReadMe.md | 56 +++++++ samples/inputs/checkbox/overview/ReadMe.md | 56 +++++++ samples/inputs/chip/multiple/ReadMe.md | 56 +++++++ samples/inputs/chip/overview/ReadMe.md | 56 +++++++ samples/inputs/chip/size/ReadMe.md | 56 +++++++ samples/inputs/chip/styling/ReadMe.md | 56 +++++++ samples/inputs/chip/variants/ReadMe.md | 56 +++++++ .../dynamic/ReadMe.md | 56 +++++++ .../indeterminate/ReadMe.md | 56 +++++++ .../simple/ReadMe.md | 56 +++++++ .../styling/ReadMe.md | 56 +++++++ samples/inputs/combo/features/ReadMe.md | 56 +++++++ samples/inputs/combo/overview/ReadMe.md | 56 +++++++ samples/inputs/combo/selection/ReadMe.md | 56 +++++++ samples/inputs/combo/simplified/ReadMe.md | 56 +++++++ samples/inputs/combo/styling/ReadMe.md | 56 +++++++ samples/inputs/combo/templates/ReadMe.md | 56 +++++++ .../input-format-display-format/ReadMe.md | 56 +++++++ .../date-time-input/min-max-value/ReadMe.md | 56 +++++++ .../inputs/date-time-input/overview/ReadMe.md | 56 +++++++ .../date-time-input/step-up-down/ReadMe.md | 56 +++++++ samples/inputs/dropdown/group/ReadMe.md | 56 +++++++ samples/inputs/dropdown/header/ReadMe.md | 56 +++++++ samples/inputs/dropdown/item/ReadMe.md | 56 +++++++ samples/inputs/dropdown/overview/ReadMe.md | 56 +++++++ samples/inputs/dropdown/position/ReadMe.md | 56 +++++++ samples/inputs/dropdown/styling/ReadMe.md | 56 +++++++ samples/inputs/dropdown/target/ReadMe.md | 56 +++++++ samples/inputs/icon-button/size/ReadMe.md | 56 +++++++ samples/inputs/icon-button/styling/ReadMe.md | 56 +++++++ samples/inputs/icon-button/variant/ReadMe.md | 56 +++++++ samples/inputs/input/helper-text/ReadMe.md | 56 +++++++ samples/inputs/input/overview/ReadMe.md | 56 +++++++ samples/inputs/input/prefix-suffix/ReadMe.md | 56 +++++++ samples/inputs/input/size/ReadMe.md | 56 +++++++ samples/inputs/input/styling/ReadMe.md | 56 +++++++ .../dynamic/ReadMe.md | 56 +++++++ .../simple/ReadMe.md | 56 +++++++ .../striped/ReadMe.md | 56 +++++++ .../styling/ReadMe.md | 56 +++++++ .../linear-progress-indicator/types/ReadMe.md | 56 +++++++ .../inputs/mask-input/applying-mask/ReadMe.md | 56 +++++++ samples/inputs/mask-input/overview/ReadMe.md | 56 +++++++ .../inputs/mask-input/value-modes/ReadMe.md | 56 +++++++ samples/inputs/radio/alignment/ReadMe.md | 56 +++++++ samples/inputs/radio/disabled/ReadMe.md | 56 +++++++ samples/inputs/radio/group/ReadMe.md | 56 +++++++ samples/inputs/radio/invalid/ReadMe.md | 56 +++++++ samples/inputs/radio/label/ReadMe.md | 56 +++++++ samples/inputs/radio/styling/ReadMe.md | 56 +++++++ samples/inputs/rating/basic/ReadMe.md | 56 +++++++ samples/inputs/rating/custom/ReadMe.md | 56 +++++++ samples/inputs/rating/empty/ReadMe.md | 56 +++++++ .../inputs/rating/single-selection/ReadMe.md | 56 +++++++ samples/inputs/rating/styling/ReadMe.md | 56 +++++++ samples/inputs/ripple/button/ReadMe.md | 56 +++++++ samples/inputs/ripple/color/ReadMe.md | 56 +++++++ samples/inputs/select/group/ReadMe.md | 56 +++++++ samples/inputs/select/header/ReadMe.md | 56 +++++++ samples/inputs/select/item/ReadMe.md | 56 +++++++ samples/inputs/select/overview/ReadMe.md | 56 +++++++ samples/inputs/select/styling/ReadMe.md | 56 +++++++ samples/inputs/slider/constraints/ReadMe.md | 56 +++++++ samples/inputs/slider/disabled/ReadMe.md | 56 +++++++ samples/inputs/slider/discrete/ReadMe.md | 56 +++++++ samples/inputs/slider/labels/ReadMe.md | 56 +++++++ samples/inputs/slider/overview/ReadMe.md | 56 +++++++ samples/inputs/slider/styling/ReadMe.md | 56 +++++++ samples/inputs/slider/tick-labels/ReadMe.md | 56 +++++++ samples/inputs/slider/ticks/ReadMe.md | 56 +++++++ samples/inputs/slider/value-format/ReadMe.md | 56 +++++++ samples/inputs/slider/value/ReadMe.md | 56 +++++++ samples/inputs/switches/checking/ReadMe.md | 56 +++++++ samples/inputs/switches/disabled/ReadMe.md | 56 +++++++ samples/inputs/switches/label/ReadMe.md | 56 +++++++ samples/inputs/switches/overview/ReadMe.md | 56 +++++++ .../textarea/form-integration/ReadMe.md | 56 +++++++ samples/inputs/textarea/overview/ReadMe.md | 56 +++++++ samples/inputs/textarea/resize/ReadMe.md | 56 +++++++ samples/inputs/textarea/slots/ReadMe.md | 56 +++++++ samples/inputs/textarea/styling/ReadMe.md | 56 +++++++ samples/inputs/tooltip/advanced/ReadMe.md | 56 +++++++ samples/inputs/tooltip/overview/ReadMe.md | 56 +++++++ samples/inputs/tooltip/placement/ReadMe.md | 56 +++++++ samples/inputs/tooltip/rich/ReadMe.md | 56 +++++++ samples/inputs/tooltip/styling/ReadMe.md | 56 +++++++ samples/inputs/tooltip/triggers/ReadMe.md | 56 +++++++ samples/interactions/chat/features/ReadMe.md | 56 +++++++ samples/interactions/chat/overview/ReadMe.md | 56 +++++++ samples/interactions/chat/styling/ReadMe.md | 56 +++++++ .../layouts/accordion/customization/ReadMe.md | 56 +++++++ .../accordion/nested-scenario/ReadMe.md | 56 +++++++ samples/layouts/accordion/overview/ReadMe.md | 56 +++++++ samples/layouts/avatar/icon/ReadMe.md | 56 +++++++ samples/layouts/avatar/image/ReadMe.md | 56 +++++++ samples/layouts/avatar/initials/ReadMe.md | 56 +++++++ samples/layouts/avatar/shape/ReadMe.md | 56 +++++++ samples/layouts/avatar/size/ReadMe.md | 56 +++++++ samples/layouts/avatar/styling/ReadMe.md | 56 +++++++ samples/layouts/card/horizontal/ReadMe.md | 56 +++++++ samples/layouts/card/overview/ReadMe.md | 56 +++++++ .../layouts/card/semi-horizontal/ReadMe.md | 56 +++++++ samples/layouts/card/styling/ReadMe.md | 56 +++++++ samples/layouts/carousel/animations/ReadMe.md | 56 +++++++ samples/layouts/carousel/components/ReadMe.md | 56 +++++++ samples/layouts/carousel/overview/ReadMe.md | 56 +++++++ samples/layouts/carousel/thumbnail/ReadMe.md | 56 +++++++ samples/layouts/divider/dashed/ReadMe.md | 56 +++++++ samples/layouts/divider/middle/ReadMe.md | 56 +++++++ samples/layouts/divider/overview/ReadMe.md | 56 +++++++ samples/layouts/divider/select/ReadMe.md | 56 +++++++ samples/layouts/divider/vertical/ReadMe.md | 56 +++++++ .../dock-manager/customize-buttons/ReadMe.md | 56 +++++++ .../dock-manager/embedding-frames/ReadMe.md | 56 +++++++ .../layouts/dock-manager/overview/ReadMe.md | 56 +++++++ .../layouts/dock-manager/styling/ReadMe.md | 56 +++++++ .../dock-manager/updating-panes/ReadMe.md | 56 +++++++ .../component-customization/ReadMe.md | 56 +++++++ .../properties-and-events/ReadMe.md | 56 +++++++ .../layouts/expansion-panel/styling/ReadMe.md | 56 +++++++ .../layouts/expansion-panel/usage/ReadMe.md | 56 +++++++ samples/layouts/icon/sizing/ReadMe.md | 56 +++++++ samples/layouts/icon/styling/ReadMe.md | 56 +++++++ samples/layouts/stepper/animations/ReadMe.md | 56 +++++++ samples/layouts/stepper/linear/ReadMe.md | 56 +++++++ samples/layouts/stepper/orientation/ReadMe.md | 56 +++++++ samples/layouts/stepper/steptypes/ReadMe.md | 56 +++++++ samples/layouts/stepper/styling/ReadMe.md | 56 +++++++ samples/layouts/tabs/alignment/ReadMe.md | 56 +++++++ samples/layouts/tabs/overview/ReadMe.md | 56 +++++++ samples/layouts/tabs/prefix-suffix/ReadMe.md | 56 +++++++ samples/layouts/tabs/scrolling/ReadMe.md | 56 +++++++ .../layouts/tile-manager/actions/ReadMe.md | 56 +++++++ .../layouts/tile-manager/columngap/ReadMe.md | 56 +++++++ .../layouts/tile-manager/dragndrop/ReadMe.md | 56 +++++++ samples/layouts/tile-manager/layout/ReadMe.md | 56 +++++++ .../layouts/tile-manager/overview/ReadMe.md | 56 +++++++ samples/layouts/tile-manager/resize/ReadMe.md | 56 +++++++ .../layouts/tile-manager/styling/ReadMe.md | 56 +++++++ .../maps/geo-map/binding-data-csv/ReadMe.md | 56 +++++++ .../binding-data-json-points/ReadMe.md | 56 +++++++ .../binding-data-json-shapes/ReadMe.md | 56 +++++++ .../maps/geo-map/binding-data-model/ReadMe.md | 56 +++++++ .../geo-map/binding-multiple-shapes/ReadMe.md | 56 +++++++ .../binding-multiple-sources/ReadMe.md | 56 +++++++ .../maps/geo-map/binding-shp-points/ReadMe.md | 56 +++++++ .../geo-map/binding-shp-polygons/ReadMe.md | 56 +++++++ .../geo-map/binding-shp-polylines/ReadMe.md | 56 +++++++ .../maps/geo-map/custom-tooltips/ReadMe.md | 56 +++++++ .../geo-map/display-all-imagery/ReadMe.md | 56 +++++++ .../geo-map/display-azure-imagery/ReadMe.md | 56 +++++++ .../geo-map/display-bing-imagery/ReadMe.md | 56 +++++++ .../geo-map/display-custom-imagery/ReadMe.md | 56 +++++++ .../geo-map/display-esri-imagery/ReadMe.md | 56 +++++++ .../geo-map/display-heat-imagery/ReadMe.md | 56 +++++++ .../geo-map/display-osm-imagery/ReadMe.md | 56 +++++++ samples/maps/geo-map/marker-layouts/ReadMe.md | 56 +++++++ .../maps/geo-map/marker-template/ReadMe.md | 56 +++++++ samples/maps/geo-map/marker-type/ReadMe.md | 56 +++++++ samples/maps/geo-map/nav-grid/ReadMe.md | 56 +++++++ samples/maps/geo-map/navigation/ReadMe.md | 56 +++++++ samples/maps/geo-map/overview/ReadMe.md | 56 +++++++ .../maps/geo-map/shape-selection/ReadMe.md | 56 +++++++ samples/maps/geo-map/shape-styling/ReadMe.md | 56 +++++++ .../maps/geo-map/synchronization/ReadMe.md | 56 +++++++ .../maps/geo-map/triangulating-data/ReadMe.md | 56 +++++++ .../type-scatter-area-series/ReadMe.md | 56 +++++++ .../type-scatter-bubble-series/ReadMe.md | 56 +++++++ .../type-scatter-contour-series/ReadMe.md | 56 +++++++ .../type-scatter-density-series/ReadMe.md | 56 +++++++ .../type-scatter-symbol-series/ReadMe.md | 56 +++++++ .../type-shape-polygon-series/ReadMe.md | 56 +++++++ .../type-shape-polyline-series/ReadMe.md | 56 +++++++ samples/menus/nav-bar/overview/ReadMe.md | 56 +++++++ samples/menus/nav-bar/styling/ReadMe.md | 56 +++++++ .../nav-drawer/add-drawer-items/ReadMe.md | 56 +++++++ samples/menus/nav-drawer/add-mini/ReadMe.md | 56 +++++++ .../nav-drawer/add-positions-navbar/ReadMe.md | 56 +++++++ samples/menus/nav-drawer/styling/ReadMe.md | 56 +++++++ .../banner/banner-advanced-sample/ReadMe.md | 56 +++++++ .../banner/banner-sample-1/ReadMe.md | 56 +++++++ .../banner/banner-sample-2/ReadMe.md | 56 +++++++ .../banner/banner-styling/ReadMe.md | 56 +++++++ .../dialog/closing-variations/ReadMe.md | 56 +++++++ samples/notifications/dialog/form/ReadMe.md | 56 +++++++ .../notifications/dialog/overview/ReadMe.md | 56 +++++++ .../notifications/dialog/styling/ReadMe.md | 56 +++++++ .../snackbar/action-text/ReadMe.md | 56 +++++++ .../snackbar/display-time/ReadMe.md | 56 +++++++ .../notifications/snackbar/overview/ReadMe.md | 56 +++++++ .../notifications/snackbar/styling/ReadMe.md | 56 +++++++ .../notifications/toast/overview/ReadMe.md | 56 +++++++ .../notifications/toast/properties/ReadMe.md | 56 +++++++ samples/notifications/toast/styling/ReadMe.md | 56 +++++++ .../calendar/disabled-dates/ReadMe.md | 56 +++++++ .../scheduling/calendar/formatting/ReadMe.md | 56 +++++++ samples/scheduling/calendar/header/ReadMe.md | 56 +++++++ .../calendar/multiple-months/ReadMe.md | 56 +++++++ .../calendar/multiple-selection/ReadMe.md | 56 +++++++ .../scheduling/calendar/overview/ReadMe.md | 56 +++++++ .../calendar/range-selection/ReadMe.md | 56 +++++++ samples/scheduling/calendar/size/ReadMe.md | 56 +++++++ .../calendar/special-dates/ReadMe.md | 56 +++++++ samples/scheduling/calendar/styling/ReadMe.md | 56 +++++++ .../calendar/week-numbers/ReadMe.md | 56 +++++++ .../date-picker/dialog-mode/ReadMe.md | 56 +++++++ samples/scheduling/date-picker/form/ReadMe.md | 56 +++++++ .../scheduling/date-picker/format/ReadMe.md | 56 +++++++ .../scheduling/date-picker/overview/ReadMe.md | 56 +++++++ .../scheduling/date-picker/styling/ReadMe.md | 56 +++++++ .../date-range-picker/custom-ranges/ReadMe.md | 56 +++++++ .../date-range-picker/form/ReadMe.md | 56 +++++++ .../date-range-picker/overview/ReadMe.md | 56 +++++++ .../date-range-picker/slots/ReadMe.md | 56 +++++++ .../date-range-picker/styling/ReadMe.md | 56 +++++++ 493 files changed, 27420 insertions(+), 50 deletions(-) create mode 100644 samples/charts/category-chart/annotations/ReadMe.md create mode 100644 samples/charts/category-chart/axis-options/ReadMe.md create mode 100644 samples/charts/category-chart/axis-overlap/ReadMe.md create mode 100644 samples/charts/category-chart/axis-range/ReadMe.md create mode 100644 samples/charts/category-chart/column-chart-with-highlighting/ReadMe.md create mode 100644 samples/charts/category-chart/column-chart-with-tooltips/ReadMe.md create mode 100644 samples/charts/category-chart/high-frequency/ReadMe.md create mode 100644 samples/charts/category-chart/high-volume/ReadMe.md create mode 100644 samples/charts/category-chart/highlighting/ReadMe.md create mode 100644 samples/charts/category-chart/line-chart-multiple-sources/ReadMe.md create mode 100644 samples/charts/category-chart/line-chart-single-source/ReadMe.md create mode 100644 samples/charts/category-chart/line-chart-styling/ReadMe.md create mode 100644 samples/charts/category-chart/line-chart-with-animations/ReadMe.md create mode 100644 samples/charts/category-chart/line-chart-with-annotations/ReadMe.md create mode 100644 samples/charts/category-chart/marker-options/ReadMe.md create mode 100644 samples/charts/category-chart/marker-templates/ReadMe.md create mode 100644 samples/charts/category-chart/overview/ReadMe.md create mode 100644 samples/charts/category-chart/stack-columns/ReadMe.md create mode 100644 samples/charts/category-chart/tooltip-template/ReadMe.md create mode 100644 samples/charts/category-chart/tooltip-types/ReadMe.md create mode 100644 samples/charts/category-chart/trendline/ReadMe.md create mode 100644 samples/charts/data-chart/axis-annotations/ReadMe.md create mode 100644 samples/charts/data-chart/axis-crossing/ReadMe.md create mode 100644 samples/charts/data-chart/axis-locations/ReadMe.md create mode 100644 samples/charts/data-chart/axis-settings/ReadMe.md create mode 100644 samples/charts/data-chart/axis-sharing/ReadMe.md create mode 100644 samples/charts/data-chart/axis-types/ReadMe.md create mode 100644 samples/charts/data-chart/chart-navigation/ReadMe.md create mode 100644 samples/charts/data-chart/chart-overview/ReadMe.md create mode 100644 samples/charts/data-chart/chart-performance/ReadMe.md create mode 100644 samples/charts/data-chart/chart-synchronization/ReadMe.md create mode 100644 samples/charts/data-chart/chart-titles/ReadMe.md create mode 100644 samples/charts/data-chart/composite-chart/ReadMe.md create mode 100644 samples/charts/data-chart/crosshair-layer-styling/ReadMe.md create mode 100644 samples/charts/data-chart/custom-drawing-annotations/ReadMe.md create mode 100644 samples/charts/data-chart/custom-editing-data/ReadMe.md create mode 100644 samples/charts/data-chart/final-value-layer-styling/ReadMe.md create mode 100644 samples/charts/data-chart/legends/ReadMe.md create mode 100644 samples/charts/data-chart/polar-area-chart/ReadMe.md create mode 100644 samples/charts/data-chart/polar-chart-types/ReadMe.md create mode 100644 samples/charts/data-chart/polar-line-chart/ReadMe.md create mode 100644 samples/charts/data-chart/polar-scatter-chart/ReadMe.md create mode 100644 samples/charts/data-chart/polar-spline-area-chart/ReadMe.md create mode 100644 samples/charts/data-chart/polar-spline-chart/ReadMe.md create mode 100644 samples/charts/data-chart/radial-area-chart/ReadMe.md create mode 100644 samples/charts/data-chart/radial-chart-types/ReadMe.md create mode 100644 samples/charts/data-chart/radial-column-chart/ReadMe.md create mode 100644 samples/charts/data-chart/radial-line-chart/ReadMe.md create mode 100644 samples/charts/data-chart/radial-pie-chart/ReadMe.md create mode 100644 samples/charts/data-chart/series-annotations/ReadMe.md create mode 100644 samples/charts/data-chart/series-highlighting/ReadMe.md create mode 100644 samples/charts/data-chart/series-marker-template/ReadMe.md create mode 100644 samples/charts/data-chart/series-markers/ReadMe.md create mode 100644 samples/charts/data-chart/series-tooltips/ReadMe.md create mode 100644 samples/charts/data-chart/series-trendlines/ReadMe.md create mode 100644 samples/charts/data-chart/series-value-overlay/ReadMe.md create mode 100644 samples/charts/data-chart/stacked-chart-types/ReadMe.md create mode 100644 samples/charts/data-chart/tooltip-template/ReadMe.md create mode 100644 samples/charts/data-chart/type-financial-candlestick-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-financial-indicators-column/ReadMe.md create mode 100644 samples/charts/data-chart/type-financial-indicators-line/ReadMe.md create mode 100644 samples/charts/data-chart/type-financial-ohlc-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-financial-overlays/ReadMe.md create mode 100644 samples/charts/data-chart/type-financial-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-range-area-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-range-column-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-range-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-scatter-area-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-scatter-bubble-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-scatter-contour-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-scatter-hd-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-scatter-polygon-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-scatter-polyline-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-scatter-series/ReadMe.md create mode 100644 samples/charts/data-chart/type-shape-series/ReadMe.md create mode 100644 samples/charts/doughnut-chart/animation/ReadMe.md create mode 100644 samples/charts/doughnut-chart/explosion/ReadMe.md create mode 100644 samples/charts/doughnut-chart/legend/ReadMe.md create mode 100644 samples/charts/doughnut-chart/overview/ReadMe.md create mode 100644 samples/charts/doughnut-chart/rings/ReadMe.md create mode 100644 samples/charts/doughnut-chart/selection/ReadMe.md create mode 100644 samples/charts/financial-chart/annotations/ReadMe.md create mode 100644 samples/charts/financial-chart/axis-types/ReadMe.md create mode 100644 samples/charts/financial-chart/high-frequency/ReadMe.md create mode 100644 samples/charts/financial-chart/high-volume/ReadMe.md create mode 100644 samples/charts/financial-chart/indicator-customization/ReadMe.md create mode 100644 samples/charts/financial-chart/indicator-types/ReadMe.md create mode 100644 samples/charts/financial-chart/multiple-data/ReadMe.md create mode 100644 samples/charts/financial-chart/overview/ReadMe.md create mode 100644 samples/charts/financial-chart/panes/ReadMe.md create mode 100644 samples/charts/financial-chart/performance/ReadMe.md create mode 100644 samples/charts/financial-chart/scrollbars/ReadMe.md create mode 100644 samples/charts/financial-chart/stock-index-chart/ReadMe.md create mode 100644 samples/charts/financial-chart/styling/ReadMe.md create mode 100644 samples/charts/financial-chart/titles/ReadMe.md create mode 100644 samples/charts/financial-chart/tooltip-types/ReadMe.md create mode 100644 samples/charts/financial-chart/trendlines/ReadMe.md create mode 100644 samples/charts/financial-chart/volume-types/ReadMe.md create mode 100644 samples/charts/pie-chart/animation/ReadMe.md create mode 100644 samples/charts/pie-chart/explosion/ReadMe.md create mode 100644 samples/charts/pie-chart/legend/ReadMe.md create mode 100644 samples/charts/pie-chart/others/ReadMe.md create mode 100644 samples/charts/pie-chart/overview/ReadMe.md create mode 100644 samples/charts/pie-chart/selection/ReadMe.md create mode 100644 samples/charts/sparkline/display-types/ReadMe.md create mode 100644 samples/charts/sparkline/grid/ReadMe.md create mode 100644 samples/charts/sparkline/markers/ReadMe.md create mode 100644 samples/charts/sparkline/normal-range/ReadMe.md create mode 100644 samples/charts/sparkline/trendlines/ReadMe.md create mode 100644 samples/charts/sparkline/unknown-values/ReadMe.md create mode 100644 samples/charts/tree-map/events/ReadMe.md create mode 100644 samples/charts/tree-map/overview/ReadMe.md create mode 100644 samples/charts/zoomslider/overview/ReadMe.md create mode 100644 samples/editors/multi-column-combobox/overview/ReadMe.md create mode 100644 samples/editors/x-date-picker/date-limits/ReadMe.md create mode 100644 samples/editors/x-date-picker/editing/ReadMe.md create mode 100644 samples/editors/x-date-picker/format/ReadMe.md create mode 100644 samples/editors/x-date-picker/overview/ReadMe.md create mode 100644 samples/editors/x-date-picker/range/ReadMe.md create mode 100644 samples/excel/excel-library/operations-on-workbooks/ReadMe.md create mode 100644 samples/excel/excel-library/operations-on-worksheets/ReadMe.md create mode 100644 samples/excel/excel-library/overview/ReadMe.md create mode 100644 samples/excel/excel-library/working-with-cells/ReadMe.md create mode 100644 samples/excel/excel-library/working-with-charts/ReadMe.md create mode 100644 samples/excel/excel-library/working-with-sparklines/ReadMe.md create mode 100644 samples/excel/spreadsheet/activation/ReadMe.md create mode 100644 samples/excel/spreadsheet/adapter-chart/ReadMe.md create mode 100644 samples/excel/spreadsheet/adapter-combo/ReadMe.md create mode 100644 samples/excel/spreadsheet/clipboard/ReadMe.md create mode 100644 samples/excel/spreadsheet/commands/ReadMe.md create mode 100644 samples/excel/spreadsheet/conditional-formatting/ReadMe.md create mode 100644 samples/excel/spreadsheet/config-options/ReadMe.md create mode 100644 samples/excel/spreadsheet/data-validation/ReadMe.md create mode 100644 samples/excel/spreadsheet/filter-dialog/ReadMe.md create mode 100644 samples/excel/spreadsheet/format-dialog/ReadMe.md create mode 100644 samples/excel/spreadsheet/hyperlinks/ReadMe.md create mode 100644 samples/excel/spreadsheet/overview/ReadMe.md create mode 100644 samples/excel/spreadsheet/sort-dialog/ReadMe.md create mode 100644 samples/gauges/bullet-graph/animation/ReadMe.md create mode 100644 samples/gauges/bullet-graph/background/ReadMe.md create mode 100644 samples/gauges/bullet-graph/highlight-needle/ReadMe.md create mode 100644 samples/gauges/bullet-graph/labels/ReadMe.md create mode 100644 samples/gauges/bullet-graph/measures/ReadMe.md create mode 100644 samples/gauges/bullet-graph/ranges/ReadMe.md create mode 100644 samples/gauges/bullet-graph/scale/ReadMe.md create mode 100644 samples/gauges/bullet-graph/tickmarks/ReadMe.md create mode 100644 samples/gauges/bullet-graph/type-filled/ReadMe.md create mode 100644 samples/gauges/bullet-graph/type-horizontal/ReadMe.md create mode 100644 samples/gauges/bullet-graph/type-reversed/ReadMe.md create mode 100644 samples/gauges/bullet-graph/type-segmented/ReadMe.md create mode 100644 samples/gauges/bullet-graph/type-vertical/ReadMe.md create mode 100644 samples/gauges/linear-gauge/animation/ReadMe.md create mode 100644 samples/gauges/linear-gauge/backing/ReadMe.md create mode 100644 samples/gauges/linear-gauge/highlight-needle/ReadMe.md create mode 100644 samples/gauges/linear-gauge/labels/ReadMe.md create mode 100644 samples/gauges/linear-gauge/needle/ReadMe.md create mode 100644 samples/gauges/linear-gauge/ranges/ReadMe.md create mode 100644 samples/gauges/linear-gauge/scale/ReadMe.md create mode 100644 samples/gauges/linear-gauge/tickmarks/ReadMe.md create mode 100644 samples/gauges/linear-gauge/type-curved/ReadMe.md create mode 100644 samples/gauges/linear-gauge/type-filled/ReadMe.md create mode 100644 samples/gauges/linear-gauge/type-horizontal/ReadMe.md create mode 100644 samples/gauges/linear-gauge/type-multi-range/ReadMe.md create mode 100644 samples/gauges/linear-gauge/type-multi-scale/ReadMe.md create mode 100644 samples/gauges/linear-gauge/type-segmented/ReadMe.md create mode 100644 samples/gauges/linear-gauge/type-vertical/ReadMe.md create mode 100644 samples/gauges/radial-gauge/animation/ReadMe.md create mode 100644 samples/gauges/radial-gauge/backing/ReadMe.md create mode 100644 samples/gauges/radial-gauge/highlight-needle/ReadMe.md create mode 100644 samples/gauges/radial-gauge/labels/ReadMe.md create mode 100644 samples/gauges/radial-gauge/needle/ReadMe.md create mode 100644 samples/gauges/radial-gauge/optical-scaling/ReadMe.md create mode 100644 samples/gauges/radial-gauge/ranges/ReadMe.md create mode 100644 samples/gauges/radial-gauge/scale/ReadMe.md create mode 100644 samples/gauges/radial-gauge/tickmarks/ReadMe.md create mode 100644 samples/gauges/radial-gauge/type-column/ReadMe.md create mode 100644 samples/gauges/radial-gauge/type-curved/ReadMe.md create mode 100644 samples/gauges/radial-gauge/type-direction/ReadMe.md create mode 100644 samples/gauges/radial-gauge/type-full/ReadMe.md create mode 100644 samples/gauges/radial-gauge/type-half/ReadMe.md create mode 100644 samples/gauges/radial-gauge/type-quatre/ReadMe.md create mode 100644 samples/gauges/radial-gauge/type-ring/ReadMe.md create mode 100644 samples/gauges/radial-gauge/type-segmented/ReadMe.md create mode 100644 samples/gauges/radial-gauge/type-semi/ReadMe.md create mode 100644 samples/grids/data-grid/accessibility/ReadMe.md create mode 100644 samples/grids/data-grid/binding-data-service/ReadMe.md create mode 100644 samples/grids/data-grid/binding-live-data/ReadMe.md create mode 100644 samples/grids/data-grid/binding-local-data/ReadMe.md create mode 100644 samples/grids/data-grid/binding-remote-data/ReadMe.md create mode 100644 samples/grids/data-grid/cell-activation/ReadMe.md create mode 100644 samples/grids/data-grid/cell-editing/ReadMe.md create mode 100644 samples/grids/data-grid/cell-merging/ReadMe.md create mode 100644 samples/grids/data-grid/cell-selection/ReadMe.md create mode 100644 samples/grids/data-grid/column-animation/ReadMe.md create mode 100644 samples/grids/data-grid/column-chooser-picker/ReadMe.md create mode 100644 samples/grids/data-grid/column-chooser-toolbar/ReadMe.md create mode 100644 samples/grids/data-grid/column-filter-expressions/ReadMe.md create mode 100644 samples/grids/data-grid/column-filter-operands/ReadMe.md create mode 100644 samples/grids/data-grid/column-filtering/ReadMe.md create mode 100644 samples/grids/data-grid/column-moving/ReadMe.md create mode 100644 samples/grids/data-grid/column-options/ReadMe.md create mode 100644 samples/grids/data-grid/column-pinning-picker/ReadMe.md create mode 100644 samples/grids/data-grid/column-pinning-toolbar/ReadMe.md create mode 100644 samples/grids/data-grid/column-resizing/ReadMe.md create mode 100644 samples/grids/data-grid/column-scrolling/ReadMe.md create mode 100644 samples/grids/data-grid/column-sorting/ReadMe.md create mode 100644 samples/grids/data-grid/column-summaries/ReadMe.md create mode 100644 samples/grids/data-grid/column-types/ReadMe.md create mode 100644 samples/grids/data-grid/load-save-layout/ReadMe.md create mode 100644 samples/grids/data-grid/localization/ReadMe.md create mode 100644 samples/grids/data-grid/overview/ReadMe.md create mode 100644 samples/grids/data-grid/pager/ReadMe.md create mode 100644 samples/grids/data-grid/performance/ReadMe.md create mode 100644 samples/grids/data-grid/row-group-descriptions/ReadMe.md create mode 100644 samples/grids/data-grid/row-grouping/ReadMe.md create mode 100644 samples/grids/data-grid/row-highlighting/ReadMe.md create mode 100644 samples/grids/data-grid/row-paging/ReadMe.md create mode 100644 samples/grids/data-grid/row-pinning/ReadMe.md create mode 100644 samples/grids/data-grid/row-selection/ReadMe.md create mode 100644 samples/grids/data-grid/type-comparison-table/ReadMe.md create mode 100644 samples/grids/data-grid/type-heatmap-table/ReadMe.md create mode 100644 samples/grids/data-grid/type-marketing-table/ReadMe.md create mode 100644 samples/grids/data-grid/type-matrix-table/ReadMe.md create mode 100644 samples/grids/data-grid/type-periodic-table/ReadMe.md create mode 100644 samples/grids/grid-lite/column-config-basic/ReadMe.md create mode 100644 samples/grids/grid-lite/column-config-basic/package.json create mode 100644 samples/grids/grid-lite/column-config-dynamic/ReadMe.md create mode 100644 samples/grids/grid-lite/column-config-dynamic/package.json create mode 100644 samples/grids/grid-lite/column-config-headers/ReadMe.md create mode 100644 samples/grids/grid-lite/column-config-headers/package.json create mode 100644 samples/grids/grid-lite/data-binding/ReadMe.md create mode 100644 samples/grids/grid-lite/data-binding/package.json create mode 100644 samples/grids/grid-lite/filtering-config-events/ReadMe.md create mode 100644 samples/grids/grid-lite/filtering-config-events/package.json create mode 100644 samples/grids/grid-lite/filtering-config-remote/ReadMe.md create mode 100644 samples/grids/grid-lite/filtering-config-remote/package.json create mode 100644 samples/grids/grid-lite/filtering-config/ReadMe.md create mode 100644 samples/grids/grid-lite/filtering-config/package.json create mode 100644 samples/grids/grid-lite/overview/ReadMe.md create mode 100644 samples/grids/grid-lite/overview/package.json create mode 100644 samples/grids/grid-lite/sort-config-events/ReadMe.md create mode 100644 samples/grids/grid-lite/sort-config-events/package.json create mode 100644 samples/grids/grid-lite/sort-config-grid/ReadMe.md create mode 100644 samples/grids/grid-lite/sort-config-grid/package.json create mode 100644 samples/grids/grid-lite/sort-config-pipeline/ReadMe.md create mode 100644 samples/grids/grid-lite/sort-config-pipeline/package.json create mode 100644 samples/grids/grid-lite/sort-config-sample/ReadMe.md create mode 100644 samples/grids/grid-lite/sort-config-sample/package.json create mode 100644 samples/grids/grid-lite/styling-custom-theme/ReadMe.md create mode 100644 samples/grids/grid-lite/styling-custom-theme/package.json create mode 100644 samples/grids/list/add-list-items/ReadMe.md create mode 100644 samples/grids/list/list-item-content/ReadMe.md create mode 100644 samples/grids/list/overview/ReadMe.md create mode 100644 samples/grids/list/styling/ReadMe.md create mode 100644 samples/grids/tree/basic-example/ReadMe.md create mode 100644 samples/inputs/badge/outlined/ReadMe.md create mode 100644 samples/inputs/badge/shape/ReadMe.md create mode 100644 samples/inputs/badge/variants/ReadMe.md create mode 100644 samples/inputs/button-group/alignment/ReadMe.md create mode 100644 samples/inputs/button-group/overview/ReadMe.md create mode 100644 samples/inputs/button-group/selection/ReadMe.md create mode 100644 samples/inputs/button-group/size/ReadMe.md create mode 100644 samples/inputs/button-group/styling/ReadMe.md create mode 100644 samples/inputs/button/contained/ReadMe.md create mode 100644 samples/inputs/button/download/ReadMe.md create mode 100644 samples/inputs/button/fab/ReadMe.md create mode 100644 samples/inputs/button/flat/ReadMe.md create mode 100644 samples/inputs/button/outlined/ReadMe.md create mode 100644 samples/inputs/button/overview/ReadMe.md create mode 100644 samples/inputs/button/size/ReadMe.md create mode 100644 samples/inputs/button/styling/ReadMe.md create mode 100644 samples/inputs/checkbox/checking/ReadMe.md create mode 100644 samples/inputs/checkbox/disabled/ReadMe.md create mode 100644 samples/inputs/checkbox/indeterminate/ReadMe.md create mode 100644 samples/inputs/checkbox/label/ReadMe.md create mode 100644 samples/inputs/checkbox/overview/ReadMe.md create mode 100644 samples/inputs/chip/multiple/ReadMe.md create mode 100644 samples/inputs/chip/overview/ReadMe.md create mode 100644 samples/inputs/chip/size/ReadMe.md create mode 100644 samples/inputs/chip/styling/ReadMe.md create mode 100644 samples/inputs/chip/variants/ReadMe.md create mode 100644 samples/inputs/circular-progress-indicator/dynamic/ReadMe.md create mode 100644 samples/inputs/circular-progress-indicator/indeterminate/ReadMe.md create mode 100644 samples/inputs/circular-progress-indicator/simple/ReadMe.md create mode 100644 samples/inputs/circular-progress-indicator/styling/ReadMe.md create mode 100644 samples/inputs/combo/features/ReadMe.md create mode 100644 samples/inputs/combo/overview/ReadMe.md create mode 100644 samples/inputs/combo/selection/ReadMe.md create mode 100644 samples/inputs/combo/simplified/ReadMe.md create mode 100644 samples/inputs/combo/styling/ReadMe.md create mode 100644 samples/inputs/combo/templates/ReadMe.md create mode 100644 samples/inputs/date-time-input/input-format-display-format/ReadMe.md create mode 100644 samples/inputs/date-time-input/min-max-value/ReadMe.md create mode 100644 samples/inputs/date-time-input/overview/ReadMe.md create mode 100644 samples/inputs/date-time-input/step-up-down/ReadMe.md create mode 100644 samples/inputs/dropdown/group/ReadMe.md create mode 100644 samples/inputs/dropdown/header/ReadMe.md create mode 100644 samples/inputs/dropdown/item/ReadMe.md create mode 100644 samples/inputs/dropdown/overview/ReadMe.md create mode 100644 samples/inputs/dropdown/position/ReadMe.md create mode 100644 samples/inputs/dropdown/styling/ReadMe.md create mode 100644 samples/inputs/dropdown/target/ReadMe.md create mode 100644 samples/inputs/icon-button/size/ReadMe.md create mode 100644 samples/inputs/icon-button/styling/ReadMe.md create mode 100644 samples/inputs/icon-button/variant/ReadMe.md create mode 100644 samples/inputs/input/helper-text/ReadMe.md create mode 100644 samples/inputs/input/overview/ReadMe.md create mode 100644 samples/inputs/input/prefix-suffix/ReadMe.md create mode 100644 samples/inputs/input/size/ReadMe.md create mode 100644 samples/inputs/input/styling/ReadMe.md create mode 100644 samples/inputs/linear-progress-indicator/dynamic/ReadMe.md create mode 100644 samples/inputs/linear-progress-indicator/simple/ReadMe.md create mode 100644 samples/inputs/linear-progress-indicator/striped/ReadMe.md create mode 100644 samples/inputs/linear-progress-indicator/styling/ReadMe.md create mode 100644 samples/inputs/linear-progress-indicator/types/ReadMe.md create mode 100644 samples/inputs/mask-input/applying-mask/ReadMe.md create mode 100644 samples/inputs/mask-input/overview/ReadMe.md create mode 100644 samples/inputs/mask-input/value-modes/ReadMe.md create mode 100644 samples/inputs/radio/alignment/ReadMe.md create mode 100644 samples/inputs/radio/disabled/ReadMe.md create mode 100644 samples/inputs/radio/group/ReadMe.md create mode 100644 samples/inputs/radio/invalid/ReadMe.md create mode 100644 samples/inputs/radio/label/ReadMe.md create mode 100644 samples/inputs/radio/styling/ReadMe.md create mode 100644 samples/inputs/rating/basic/ReadMe.md create mode 100644 samples/inputs/rating/custom/ReadMe.md create mode 100644 samples/inputs/rating/empty/ReadMe.md create mode 100644 samples/inputs/rating/single-selection/ReadMe.md create mode 100644 samples/inputs/rating/styling/ReadMe.md create mode 100644 samples/inputs/ripple/button/ReadMe.md create mode 100644 samples/inputs/ripple/color/ReadMe.md create mode 100644 samples/inputs/select/group/ReadMe.md create mode 100644 samples/inputs/select/header/ReadMe.md create mode 100644 samples/inputs/select/item/ReadMe.md create mode 100644 samples/inputs/select/overview/ReadMe.md create mode 100644 samples/inputs/select/styling/ReadMe.md create mode 100644 samples/inputs/slider/constraints/ReadMe.md create mode 100644 samples/inputs/slider/disabled/ReadMe.md create mode 100644 samples/inputs/slider/discrete/ReadMe.md create mode 100644 samples/inputs/slider/labels/ReadMe.md create mode 100644 samples/inputs/slider/overview/ReadMe.md create mode 100644 samples/inputs/slider/styling/ReadMe.md create mode 100644 samples/inputs/slider/tick-labels/ReadMe.md create mode 100644 samples/inputs/slider/ticks/ReadMe.md create mode 100644 samples/inputs/slider/value-format/ReadMe.md create mode 100644 samples/inputs/slider/value/ReadMe.md create mode 100644 samples/inputs/switches/checking/ReadMe.md create mode 100644 samples/inputs/switches/disabled/ReadMe.md create mode 100644 samples/inputs/switches/label/ReadMe.md create mode 100644 samples/inputs/switches/overview/ReadMe.md create mode 100644 samples/inputs/textarea/form-integration/ReadMe.md create mode 100644 samples/inputs/textarea/overview/ReadMe.md create mode 100644 samples/inputs/textarea/resize/ReadMe.md create mode 100644 samples/inputs/textarea/slots/ReadMe.md create mode 100644 samples/inputs/textarea/styling/ReadMe.md create mode 100644 samples/inputs/tooltip/advanced/ReadMe.md create mode 100644 samples/inputs/tooltip/overview/ReadMe.md create mode 100644 samples/inputs/tooltip/placement/ReadMe.md create mode 100644 samples/inputs/tooltip/rich/ReadMe.md create mode 100644 samples/inputs/tooltip/styling/ReadMe.md create mode 100644 samples/inputs/tooltip/triggers/ReadMe.md create mode 100644 samples/interactions/chat/features/ReadMe.md create mode 100644 samples/interactions/chat/overview/ReadMe.md create mode 100644 samples/interactions/chat/styling/ReadMe.md create mode 100644 samples/layouts/accordion/customization/ReadMe.md create mode 100644 samples/layouts/accordion/nested-scenario/ReadMe.md create mode 100644 samples/layouts/accordion/overview/ReadMe.md create mode 100644 samples/layouts/avatar/icon/ReadMe.md create mode 100644 samples/layouts/avatar/image/ReadMe.md create mode 100644 samples/layouts/avatar/initials/ReadMe.md create mode 100644 samples/layouts/avatar/shape/ReadMe.md create mode 100644 samples/layouts/avatar/size/ReadMe.md create mode 100644 samples/layouts/avatar/styling/ReadMe.md create mode 100644 samples/layouts/card/horizontal/ReadMe.md create mode 100644 samples/layouts/card/overview/ReadMe.md create mode 100644 samples/layouts/card/semi-horizontal/ReadMe.md create mode 100644 samples/layouts/card/styling/ReadMe.md create mode 100644 samples/layouts/carousel/animations/ReadMe.md create mode 100644 samples/layouts/carousel/components/ReadMe.md create mode 100644 samples/layouts/carousel/overview/ReadMe.md create mode 100644 samples/layouts/carousel/thumbnail/ReadMe.md create mode 100644 samples/layouts/divider/dashed/ReadMe.md create mode 100644 samples/layouts/divider/middle/ReadMe.md create mode 100644 samples/layouts/divider/overview/ReadMe.md create mode 100644 samples/layouts/divider/select/ReadMe.md create mode 100644 samples/layouts/divider/vertical/ReadMe.md create mode 100644 samples/layouts/dock-manager/customize-buttons/ReadMe.md create mode 100644 samples/layouts/dock-manager/embedding-frames/ReadMe.md create mode 100644 samples/layouts/dock-manager/overview/ReadMe.md create mode 100644 samples/layouts/dock-manager/styling/ReadMe.md create mode 100644 samples/layouts/dock-manager/updating-panes/ReadMe.md create mode 100644 samples/layouts/expansion-panel/component-customization/ReadMe.md create mode 100644 samples/layouts/expansion-panel/properties-and-events/ReadMe.md create mode 100644 samples/layouts/expansion-panel/styling/ReadMe.md create mode 100644 samples/layouts/expansion-panel/usage/ReadMe.md create mode 100644 samples/layouts/icon/sizing/ReadMe.md create mode 100644 samples/layouts/icon/styling/ReadMe.md create mode 100644 samples/layouts/stepper/animations/ReadMe.md create mode 100644 samples/layouts/stepper/linear/ReadMe.md create mode 100644 samples/layouts/stepper/orientation/ReadMe.md create mode 100644 samples/layouts/stepper/steptypes/ReadMe.md create mode 100644 samples/layouts/stepper/styling/ReadMe.md create mode 100644 samples/layouts/tabs/alignment/ReadMe.md create mode 100644 samples/layouts/tabs/overview/ReadMe.md create mode 100644 samples/layouts/tabs/prefix-suffix/ReadMe.md create mode 100644 samples/layouts/tabs/scrolling/ReadMe.md create mode 100644 samples/layouts/tile-manager/actions/ReadMe.md create mode 100644 samples/layouts/tile-manager/columngap/ReadMe.md create mode 100644 samples/layouts/tile-manager/dragndrop/ReadMe.md create mode 100644 samples/layouts/tile-manager/layout/ReadMe.md create mode 100644 samples/layouts/tile-manager/overview/ReadMe.md create mode 100644 samples/layouts/tile-manager/resize/ReadMe.md create mode 100644 samples/layouts/tile-manager/styling/ReadMe.md create mode 100644 samples/maps/geo-map/binding-data-csv/ReadMe.md create mode 100644 samples/maps/geo-map/binding-data-json-points/ReadMe.md create mode 100644 samples/maps/geo-map/binding-data-json-shapes/ReadMe.md create mode 100644 samples/maps/geo-map/binding-data-model/ReadMe.md create mode 100644 samples/maps/geo-map/binding-multiple-shapes/ReadMe.md create mode 100644 samples/maps/geo-map/binding-multiple-sources/ReadMe.md create mode 100644 samples/maps/geo-map/binding-shp-points/ReadMe.md create mode 100644 samples/maps/geo-map/binding-shp-polygons/ReadMe.md create mode 100644 samples/maps/geo-map/binding-shp-polylines/ReadMe.md create mode 100644 samples/maps/geo-map/custom-tooltips/ReadMe.md create mode 100644 samples/maps/geo-map/display-all-imagery/ReadMe.md create mode 100644 samples/maps/geo-map/display-azure-imagery/ReadMe.md create mode 100644 samples/maps/geo-map/display-bing-imagery/ReadMe.md create mode 100644 samples/maps/geo-map/display-custom-imagery/ReadMe.md create mode 100644 samples/maps/geo-map/display-esri-imagery/ReadMe.md create mode 100644 samples/maps/geo-map/display-heat-imagery/ReadMe.md create mode 100644 samples/maps/geo-map/display-osm-imagery/ReadMe.md create mode 100644 samples/maps/geo-map/marker-layouts/ReadMe.md create mode 100644 samples/maps/geo-map/marker-template/ReadMe.md create mode 100644 samples/maps/geo-map/marker-type/ReadMe.md create mode 100644 samples/maps/geo-map/nav-grid/ReadMe.md create mode 100644 samples/maps/geo-map/navigation/ReadMe.md create mode 100644 samples/maps/geo-map/overview/ReadMe.md create mode 100644 samples/maps/geo-map/shape-selection/ReadMe.md create mode 100644 samples/maps/geo-map/shape-styling/ReadMe.md create mode 100644 samples/maps/geo-map/synchronization/ReadMe.md create mode 100644 samples/maps/geo-map/triangulating-data/ReadMe.md create mode 100644 samples/maps/geo-map/type-scatter-area-series/ReadMe.md create mode 100644 samples/maps/geo-map/type-scatter-bubble-series/ReadMe.md create mode 100644 samples/maps/geo-map/type-scatter-contour-series/ReadMe.md create mode 100644 samples/maps/geo-map/type-scatter-density-series/ReadMe.md create mode 100644 samples/maps/geo-map/type-scatter-symbol-series/ReadMe.md create mode 100644 samples/maps/geo-map/type-shape-polygon-series/ReadMe.md create mode 100644 samples/maps/geo-map/type-shape-polyline-series/ReadMe.md create mode 100644 samples/menus/nav-bar/overview/ReadMe.md create mode 100644 samples/menus/nav-bar/styling/ReadMe.md create mode 100644 samples/menus/nav-drawer/add-drawer-items/ReadMe.md create mode 100644 samples/menus/nav-drawer/add-mini/ReadMe.md create mode 100644 samples/menus/nav-drawer/add-positions-navbar/ReadMe.md create mode 100644 samples/menus/nav-drawer/styling/ReadMe.md create mode 100644 samples/notifications/banner/banner-advanced-sample/ReadMe.md create mode 100644 samples/notifications/banner/banner-sample-1/ReadMe.md create mode 100644 samples/notifications/banner/banner-sample-2/ReadMe.md create mode 100644 samples/notifications/banner/banner-styling/ReadMe.md create mode 100644 samples/notifications/dialog/closing-variations/ReadMe.md create mode 100644 samples/notifications/dialog/form/ReadMe.md create mode 100644 samples/notifications/dialog/overview/ReadMe.md create mode 100644 samples/notifications/dialog/styling/ReadMe.md create mode 100644 samples/notifications/snackbar/action-text/ReadMe.md create mode 100644 samples/notifications/snackbar/display-time/ReadMe.md create mode 100644 samples/notifications/snackbar/overview/ReadMe.md create mode 100644 samples/notifications/snackbar/styling/ReadMe.md create mode 100644 samples/notifications/toast/overview/ReadMe.md create mode 100644 samples/notifications/toast/properties/ReadMe.md create mode 100644 samples/notifications/toast/styling/ReadMe.md create mode 100644 samples/scheduling/calendar/disabled-dates/ReadMe.md create mode 100644 samples/scheduling/calendar/formatting/ReadMe.md create mode 100644 samples/scheduling/calendar/header/ReadMe.md create mode 100644 samples/scheduling/calendar/multiple-months/ReadMe.md create mode 100644 samples/scheduling/calendar/multiple-selection/ReadMe.md create mode 100644 samples/scheduling/calendar/overview/ReadMe.md create mode 100644 samples/scheduling/calendar/range-selection/ReadMe.md create mode 100644 samples/scheduling/calendar/size/ReadMe.md create mode 100644 samples/scheduling/calendar/special-dates/ReadMe.md create mode 100644 samples/scheduling/calendar/styling/ReadMe.md create mode 100644 samples/scheduling/calendar/week-numbers/ReadMe.md create mode 100644 samples/scheduling/date-picker/dialog-mode/ReadMe.md create mode 100644 samples/scheduling/date-picker/form/ReadMe.md create mode 100644 samples/scheduling/date-picker/format/ReadMe.md create mode 100644 samples/scheduling/date-picker/overview/ReadMe.md create mode 100644 samples/scheduling/date-picker/styling/ReadMe.md create mode 100644 samples/scheduling/date-range-picker/custom-ranges/ReadMe.md create mode 100644 samples/scheduling/date-range-picker/form/ReadMe.md create mode 100644 samples/scheduling/date-range-picker/overview/ReadMe.md create mode 100644 samples/scheduling/date-range-picker/slots/ReadMe.md create mode 100644 samples/scheduling/date-range-picker/styling/ReadMe.md diff --git a/browser/package-lock.json b/browser/package-lock.json index b4dcb7dd43..2b9bd4403f 100644 --- a/browser/package-lock.json +++ b/browser/package-lock.json @@ -16,6 +16,7 @@ "dompurify": "^3.3.0", "file-saver": "1.3.8", "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-charts": "19.3.0-beta.0", "igniteui-react-core": "19.3.0-beta.0", @@ -2943,6 +2944,18 @@ "node": ">= 8" } }, + "node_modules/anymatch/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/append-buffer": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/append-buffer/-/append-buffer-1.0.2.tgz", @@ -4256,6 +4269,16 @@ "node": ">=8" } }, + "node_modules/cosmiconfig/node_modules/yaml": { + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", + "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "dev": true, + "license": "ISC", + "engines": { + "node": ">= 6" + } + }, "node_modules/create-require": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", @@ -7936,6 +7959,36 @@ "igniteui-trial-watermark": "^1.0.3" } }, + "node_modules/igniteui-grid-lite": { + "version": "1.0.0-alpha.9", + "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-1.0.0-alpha.9.tgz", + "integrity": "sha512-LxyUDHf/lTTbAAupup8HovSKsy1qgTUp4btrWVRQDFq2HI2s75UroplNGSX1yLfy3VCMEf8xY0sciM2tyFgzQQ==", + "license": "MIT", + "dependencies": { + "@lit-labs/virtualizer": "~2.1.0", + "@lit/context": "~1.1.5", + "igniteui-webcomponents": "~6.1.0", + "lit": "^3.3.0" + }, + "engines": { + "node": ">=20" + } + }, + "node_modules/igniteui-grid-lite/node_modules/igniteui-webcomponents": { + "version": "6.1.2", + "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-6.1.2.tgz", + "integrity": "sha512-q3a3Q28xzRwDBmfDprY0PsN9cs5xgqOJigXWWmbWAfcMgPg5dIrPyMDV6Aj6GD7u1RgPeoZmTP/pz9gTWNhHJA==", + "license": "SEE LICENSE IN LICENSE", + "dependencies": { + "@floating-ui/dom": "^1.7.0", + "@lit-labs/virtualizer": "^2.1.0", + "@lit/context": "^1.1.0", + "lit": "^3.3.0" + }, + "engines": { + "node": ">=20" + } + }, "node_modules/igniteui-react": { "version": "19.3.2", "resolved": "https://registry.npmjs.org/igniteui-react/-/igniteui-react-19.3.2.tgz", @@ -9075,6 +9128,19 @@ "node": "^14.15.0 || ^16.10.0 || >=18.0.0" } }, + "node_modules/jest-util/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/jest-worker": { "version": "27.5.1", "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz", @@ -10572,6 +10638,19 @@ "node": ">=8.6" } }, + "node_modules/micromatch/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/mime": { "version": "1.6.0", "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", @@ -11467,11 +11546,13 @@ "dev": true }, "node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", + "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "dev": true, + "license": "MIT", "engines": { - "node": ">=8.6" + "node": ">=12" }, "funding": { "url": "https://github.com/sponsors/jonschlinkert" @@ -12137,6 +12218,19 @@ "node": ">=8.10.0" } }, + "node_modules/readdirp/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/rechoir": { "version": "0.6.2", "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", @@ -14522,18 +14616,6 @@ "url": "https://github.com/sponsors/SuperchupuDev" } }, - "node_modules/tinyglobby/node_modules/picomatch": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", - "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, "node_modules/tinypool": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.1.1.tgz", @@ -15729,18 +15811,6 @@ } } }, - "node_modules/vite/node_modules/picomatch": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", - "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, "node_modules/vitest": { "version": "3.2.4", "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.2.4.tgz", @@ -15825,18 +15895,6 @@ "vitest": "*" } }, - "node_modules/vitest/node_modules/picomatch": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", - "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, "node_modules/walk": { "version": "2.3.15", "resolved": "https://registry.npmjs.org/walk/-/walk-2.3.15.tgz", @@ -16263,12 +16321,18 @@ "dev": true }, "node_modules/yaml": { - "version": "1.10.2", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", - "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz", + "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==", "dev": true, + "license": "ISC", + "optional": true, + "peer": true, + "bin": { + "yaml": "bin.mjs" + }, "engines": { - "node": ">= 6" + "node": ">= 14.6" } }, "node_modules/yargs": { diff --git a/browser/public/meta.json b/browser/public/meta.json index c071e16e12..31b67ae26b 100644 --- a/browser/public/meta.json +++ b/browser/public/meta.json @@ -1 +1 @@ -{"version":"23.2.915","date":"2025-11-14 14:29:21","note":"this file is auto-generated"} +{"version":"23.2.915","date":"2025-11-21 17:55:56","note":"this file is auto-generated"} \ No newline at end of file diff --git a/browser/src/navigation/SamplesBrowser.json b/browser/src/navigation/SamplesBrowser.json index 55577491bf..31b67ae26b 100644 --- a/browser/src/navigation/SamplesBrowser.json +++ b/browser/src/navigation/SamplesBrowser.json @@ -1 +1 @@ -{"version":"23.2.915","date":"2025-11-14 15:39:37","note":"this file is auto-generated"} +{"version":"23.2.915","date":"2025-11-21 17:55:56","note":"this file is auto-generated"} \ No newline at end of file diff --git a/samples/charts/category-chart/annotations/ReadMe.md b/samples/charts/category-chart/annotations/ReadMe.md new file mode 100644 index 0000000000..53b27398e4 --- /dev/null +++ b/samples/charts/category-chart/annotations/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Annotations feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/annotations +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/axis-options/ReadMe.md b/samples/charts/category-chart/axis-options/ReadMe.md new file mode 100644 index 0000000000..a39ab7fbb4 --- /dev/null +++ b/samples/charts/category-chart/axis-options/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Axis Options feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/axis-options +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/axis-overlap/ReadMe.md b/samples/charts/category-chart/axis-overlap/ReadMe.md new file mode 100644 index 0000000000..18ccc374ac --- /dev/null +++ b/samples/charts/category-chart/axis-overlap/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Axis Overlap feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/axis-overlap +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/axis-range/ReadMe.md b/samples/charts/category-chart/axis-range/ReadMe.md new file mode 100644 index 0000000000..fc2a959c99 --- /dev/null +++ b/samples/charts/category-chart/axis-range/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Axis Range feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/axis-range +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/column-chart-with-highlighting/ReadMe.md b/samples/charts/category-chart/column-chart-with-highlighting/ReadMe.md new file mode 100644 index 0000000000..fe6529dd6c --- /dev/null +++ b/samples/charts/category-chart/column-chart-with-highlighting/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Chart With Highlighting feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/column-chart-with-highlighting +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/column-chart-with-tooltips/ReadMe.md b/samples/charts/category-chart/column-chart-with-tooltips/ReadMe.md new file mode 100644 index 0000000000..e2f0fb02e9 --- /dev/null +++ b/samples/charts/category-chart/column-chart-with-tooltips/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Chart With Tooltips feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/column-chart-with-tooltips +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/high-frequency/ReadMe.md b/samples/charts/category-chart/high-frequency/ReadMe.md new file mode 100644 index 0000000000..3a2e30e392 --- /dev/null +++ b/samples/charts/category-chart/high-frequency/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of High Frequency feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/high-frequency +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/high-volume/ReadMe.md b/samples/charts/category-chart/high-volume/ReadMe.md new file mode 100644 index 0000000000..a2c0ac0400 --- /dev/null +++ b/samples/charts/category-chart/high-volume/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of High Volume feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/high-volume +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/highlighting/ReadMe.md b/samples/charts/category-chart/highlighting/ReadMe.md new file mode 100644 index 0000000000..74a99851e1 --- /dev/null +++ b/samples/charts/category-chart/highlighting/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Highlighting feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/highlighting +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/line-chart-multiple-sources/ReadMe.md b/samples/charts/category-chart/line-chart-multiple-sources/ReadMe.md new file mode 100644 index 0000000000..f2537b0720 --- /dev/null +++ b/samples/charts/category-chart/line-chart-multiple-sources/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Line Chart Multiple Sources feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/line-chart-multiple-sources +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/line-chart-single-source/ReadMe.md b/samples/charts/category-chart/line-chart-single-source/ReadMe.md new file mode 100644 index 0000000000..dcc0d38415 --- /dev/null +++ b/samples/charts/category-chart/line-chart-single-source/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Line Chart Single Source feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/line-chart-single-source +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/line-chart-styling/ReadMe.md b/samples/charts/category-chart/line-chart-styling/ReadMe.md new file mode 100644 index 0000000000..eee2f1a211 --- /dev/null +++ b/samples/charts/category-chart/line-chart-styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Line Chart Styling feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/line-chart-styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/line-chart-with-animations/ReadMe.md b/samples/charts/category-chart/line-chart-with-animations/ReadMe.md new file mode 100644 index 0000000000..1e9eac7caf --- /dev/null +++ b/samples/charts/category-chart/line-chart-with-animations/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Line Chart With Animations feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/line-chart-with-animations +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/line-chart-with-annotations/ReadMe.md b/samples/charts/category-chart/line-chart-with-annotations/ReadMe.md new file mode 100644 index 0000000000..5fe07f9c1e --- /dev/null +++ b/samples/charts/category-chart/line-chart-with-annotations/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Line Chart With Annotations feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/line-chart-with-annotations +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/marker-options/ReadMe.md b/samples/charts/category-chart/marker-options/ReadMe.md new file mode 100644 index 0000000000..0703c09221 --- /dev/null +++ b/samples/charts/category-chart/marker-options/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Marker Options feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/marker-options +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/marker-templates/ReadMe.md b/samples/charts/category-chart/marker-templates/ReadMe.md new file mode 100644 index 0000000000..6230d4da84 --- /dev/null +++ b/samples/charts/category-chart/marker-templates/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Marker Templates feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/marker-templates +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/overview/ReadMe.md b/samples/charts/category-chart/overview/ReadMe.md new file mode 100644 index 0000000000..9f0a91c361 --- /dev/null +++ b/samples/charts/category-chart/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/stack-columns/ReadMe.md b/samples/charts/category-chart/stack-columns/ReadMe.md new file mode 100644 index 0000000000..e1e4313577 --- /dev/null +++ b/samples/charts/category-chart/stack-columns/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Stack Columns feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/stack-columns +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/tooltip-template/ReadMe.md b/samples/charts/category-chart/tooltip-template/ReadMe.md new file mode 100644 index 0000000000..dde477d718 --- /dev/null +++ b/samples/charts/category-chart/tooltip-template/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Tooltip Template feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/tooltip-template +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/tooltip-types/ReadMe.md b/samples/charts/category-chart/tooltip-types/ReadMe.md new file mode 100644 index 0000000000..1b526a7190 --- /dev/null +++ b/samples/charts/category-chart/tooltip-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Tooltip Types feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/tooltip-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/trendline/ReadMe.md b/samples/charts/category-chart/trendline/ReadMe.md new file mode 100644 index 0000000000..5710a1df3a --- /dev/null +++ b/samples/charts/category-chart/trendline/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Trendline feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/category-chart/trendline +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-annotations/ReadMe.md b/samples/charts/data-chart/axis-annotations/ReadMe.md new file mode 100644 index 0000000000..b46e7856c8 --- /dev/null +++ b/samples/charts/data-chart/axis-annotations/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Axis Annotations feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/axis-annotations +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-crossing/ReadMe.md b/samples/charts/data-chart/axis-crossing/ReadMe.md new file mode 100644 index 0000000000..f1d2139b84 --- /dev/null +++ b/samples/charts/data-chart/axis-crossing/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Axis Crossing feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/axis-crossing +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-locations/ReadMe.md b/samples/charts/data-chart/axis-locations/ReadMe.md new file mode 100644 index 0000000000..73a6286a9e --- /dev/null +++ b/samples/charts/data-chart/axis-locations/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Axis Locations feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/axis-locations +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-settings/ReadMe.md b/samples/charts/data-chart/axis-settings/ReadMe.md new file mode 100644 index 0000000000..79d07aa4b5 --- /dev/null +++ b/samples/charts/data-chart/axis-settings/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Axis Settings feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/axis-settings +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-sharing/ReadMe.md b/samples/charts/data-chart/axis-sharing/ReadMe.md new file mode 100644 index 0000000000..04016fca1f --- /dev/null +++ b/samples/charts/data-chart/axis-sharing/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Axis Sharing feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/axis-sharing +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-types/ReadMe.md b/samples/charts/data-chart/axis-types/ReadMe.md new file mode 100644 index 0000000000..b0f02b6424 --- /dev/null +++ b/samples/charts/data-chart/axis-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Axis Types feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/axis-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/chart-navigation/ReadMe.md b/samples/charts/data-chart/chart-navigation/ReadMe.md new file mode 100644 index 0000000000..d72a47b50c --- /dev/null +++ b/samples/charts/data-chart/chart-navigation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Chart Navigation feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/chart-navigation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/chart-overview/ReadMe.md b/samples/charts/data-chart/chart-overview/ReadMe.md new file mode 100644 index 0000000000..0d08493e94 --- /dev/null +++ b/samples/charts/data-chart/chart-overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Chart Overview feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/chart-overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/chart-performance/ReadMe.md b/samples/charts/data-chart/chart-performance/ReadMe.md new file mode 100644 index 0000000000..3e2ff02d9e --- /dev/null +++ b/samples/charts/data-chart/chart-performance/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Chart Performance feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/chart-performance +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/chart-synchronization/ReadMe.md b/samples/charts/data-chart/chart-synchronization/ReadMe.md new file mode 100644 index 0000000000..4b617c7f90 --- /dev/null +++ b/samples/charts/data-chart/chart-synchronization/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Chart Synchronization feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/chart-synchronization +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/chart-titles/ReadMe.md b/samples/charts/data-chart/chart-titles/ReadMe.md new file mode 100644 index 0000000000..973904c67a --- /dev/null +++ b/samples/charts/data-chart/chart-titles/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Chart Titles feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/chart-titles +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/composite-chart/ReadMe.md b/samples/charts/data-chart/composite-chart/ReadMe.md new file mode 100644 index 0000000000..43539afd72 --- /dev/null +++ b/samples/charts/data-chart/composite-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Composite Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/composite-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/crosshair-layer-styling/ReadMe.md b/samples/charts/data-chart/crosshair-layer-styling/ReadMe.md new file mode 100644 index 0000000000..3db3505d37 --- /dev/null +++ b/samples/charts/data-chart/crosshair-layer-styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Crosshair Layer Styling feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/crosshair-layer-styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/custom-drawing-annotations/ReadMe.md b/samples/charts/data-chart/custom-drawing-annotations/ReadMe.md new file mode 100644 index 0000000000..e18b7a711a --- /dev/null +++ b/samples/charts/data-chart/custom-drawing-annotations/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Custom Drawing Annotations feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/custom-drawing-annotations +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/custom-editing-data/ReadMe.md b/samples/charts/data-chart/custom-editing-data/ReadMe.md new file mode 100644 index 0000000000..dfd2510612 --- /dev/null +++ b/samples/charts/data-chart/custom-editing-data/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Custom Editing Data feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/custom-editing-data +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/final-value-layer-styling/ReadMe.md b/samples/charts/data-chart/final-value-layer-styling/ReadMe.md new file mode 100644 index 0000000000..bad2cab32f --- /dev/null +++ b/samples/charts/data-chart/final-value-layer-styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Final Value Layer Styling feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/final-value-layer-styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/legends/ReadMe.md b/samples/charts/data-chart/legends/ReadMe.md new file mode 100644 index 0000000000..8a99d9de1c --- /dev/null +++ b/samples/charts/data-chart/legends/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Legends feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/legends +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-area-chart/ReadMe.md b/samples/charts/data-chart/polar-area-chart/ReadMe.md new file mode 100644 index 0000000000..c213d15c19 --- /dev/null +++ b/samples/charts/data-chart/polar-area-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Polar Area Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/polar-area-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-chart-types/ReadMe.md b/samples/charts/data-chart/polar-chart-types/ReadMe.md new file mode 100644 index 0000000000..eb52f8431a --- /dev/null +++ b/samples/charts/data-chart/polar-chart-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Polar Chart Types feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/polar-chart-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-line-chart/ReadMe.md b/samples/charts/data-chart/polar-line-chart/ReadMe.md new file mode 100644 index 0000000000..bc3cd24726 --- /dev/null +++ b/samples/charts/data-chart/polar-line-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Polar Line Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/polar-line-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-scatter-chart/ReadMe.md b/samples/charts/data-chart/polar-scatter-chart/ReadMe.md new file mode 100644 index 0000000000..49ff26aba2 --- /dev/null +++ b/samples/charts/data-chart/polar-scatter-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Polar Scatter Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/polar-scatter-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-spline-area-chart/ReadMe.md b/samples/charts/data-chart/polar-spline-area-chart/ReadMe.md new file mode 100644 index 0000000000..270b8e2344 --- /dev/null +++ b/samples/charts/data-chart/polar-spline-area-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Polar Spline Area Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/polar-spline-area-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-spline-chart/ReadMe.md b/samples/charts/data-chart/polar-spline-chart/ReadMe.md new file mode 100644 index 0000000000..a06999a17e --- /dev/null +++ b/samples/charts/data-chart/polar-spline-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Polar Spline Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/polar-spline-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/radial-area-chart/ReadMe.md b/samples/charts/data-chart/radial-area-chart/ReadMe.md new file mode 100644 index 0000000000..8611a6dd92 --- /dev/null +++ b/samples/charts/data-chart/radial-area-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Radial Area Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/radial-area-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/radial-chart-types/ReadMe.md b/samples/charts/data-chart/radial-chart-types/ReadMe.md new file mode 100644 index 0000000000..d13d6fe8e7 --- /dev/null +++ b/samples/charts/data-chart/radial-chart-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Radial Chart Types feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/radial-chart-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/radial-column-chart/ReadMe.md b/samples/charts/data-chart/radial-column-chart/ReadMe.md new file mode 100644 index 0000000000..b2cc9b8f7e --- /dev/null +++ b/samples/charts/data-chart/radial-column-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Radial Column Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/radial-column-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/radial-line-chart/ReadMe.md b/samples/charts/data-chart/radial-line-chart/ReadMe.md new file mode 100644 index 0000000000..ea224e3f3e --- /dev/null +++ b/samples/charts/data-chart/radial-line-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Radial Line Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/radial-line-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/radial-pie-chart/ReadMe.md b/samples/charts/data-chart/radial-pie-chart/ReadMe.md new file mode 100644 index 0000000000..b6ff566e5e --- /dev/null +++ b/samples/charts/data-chart/radial-pie-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Radial Pie Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/radial-pie-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-annotations/ReadMe.md b/samples/charts/data-chart/series-annotations/ReadMe.md new file mode 100644 index 0000000000..e97caa3f31 --- /dev/null +++ b/samples/charts/data-chart/series-annotations/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Series Annotations feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/series-annotations +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-highlighting/ReadMe.md b/samples/charts/data-chart/series-highlighting/ReadMe.md new file mode 100644 index 0000000000..1da661d2e9 --- /dev/null +++ b/samples/charts/data-chart/series-highlighting/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Series Highlighting feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/series-highlighting +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-marker-template/ReadMe.md b/samples/charts/data-chart/series-marker-template/ReadMe.md new file mode 100644 index 0000000000..9701bf20f6 --- /dev/null +++ b/samples/charts/data-chart/series-marker-template/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Series Marker Template feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/series-marker-template +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-markers/ReadMe.md b/samples/charts/data-chart/series-markers/ReadMe.md new file mode 100644 index 0000000000..89bb54e258 --- /dev/null +++ b/samples/charts/data-chart/series-markers/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Series Markers feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/series-markers +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-tooltips/ReadMe.md b/samples/charts/data-chart/series-tooltips/ReadMe.md new file mode 100644 index 0000000000..0f90c57558 --- /dev/null +++ b/samples/charts/data-chart/series-tooltips/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Series Tooltips feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/series-tooltips +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-trendlines/ReadMe.md b/samples/charts/data-chart/series-trendlines/ReadMe.md new file mode 100644 index 0000000000..0d55be5714 --- /dev/null +++ b/samples/charts/data-chart/series-trendlines/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Series Trendlines feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/series-trendlines +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-value-overlay/ReadMe.md b/samples/charts/data-chart/series-value-overlay/ReadMe.md new file mode 100644 index 0000000000..c30032b894 --- /dev/null +++ b/samples/charts/data-chart/series-value-overlay/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Series Value Overlay feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/series-value-overlay +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/stacked-chart-types/ReadMe.md b/samples/charts/data-chart/stacked-chart-types/ReadMe.md new file mode 100644 index 0000000000..1f5acf4d8c --- /dev/null +++ b/samples/charts/data-chart/stacked-chart-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Stacked Chart Types feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/stacked-chart-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/tooltip-template/ReadMe.md b/samples/charts/data-chart/tooltip-template/ReadMe.md new file mode 100644 index 0000000000..5cdeffe8e9 --- /dev/null +++ b/samples/charts/data-chart/tooltip-template/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Tooltip Template feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/tooltip-template +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-candlestick-series/ReadMe.md b/samples/charts/data-chart/type-financial-candlestick-series/ReadMe.md new file mode 100644 index 0000000000..dda1f42998 --- /dev/null +++ b/samples/charts/data-chart/type-financial-candlestick-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Financial Candlestick Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-financial-candlestick-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-indicators-column/ReadMe.md b/samples/charts/data-chart/type-financial-indicators-column/ReadMe.md new file mode 100644 index 0000000000..0c3e406d5d --- /dev/null +++ b/samples/charts/data-chart/type-financial-indicators-column/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Financial Indicators Column feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-financial-indicators-column +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-indicators-line/ReadMe.md b/samples/charts/data-chart/type-financial-indicators-line/ReadMe.md new file mode 100644 index 0000000000..1e39fc6604 --- /dev/null +++ b/samples/charts/data-chart/type-financial-indicators-line/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Financial Indicators Line feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-financial-indicators-line +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-ohlc-series/ReadMe.md b/samples/charts/data-chart/type-financial-ohlc-series/ReadMe.md new file mode 100644 index 0000000000..4492866156 --- /dev/null +++ b/samples/charts/data-chart/type-financial-ohlc-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Financial Ohlc Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-financial-ohlc-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-overlays/ReadMe.md b/samples/charts/data-chart/type-financial-overlays/ReadMe.md new file mode 100644 index 0000000000..271a5a3b0f --- /dev/null +++ b/samples/charts/data-chart/type-financial-overlays/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Financial Overlays feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-financial-overlays +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-series/ReadMe.md b/samples/charts/data-chart/type-financial-series/ReadMe.md new file mode 100644 index 0000000000..96b86298f2 --- /dev/null +++ b/samples/charts/data-chart/type-financial-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Financial Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-financial-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-range-area-series/ReadMe.md b/samples/charts/data-chart/type-range-area-series/ReadMe.md new file mode 100644 index 0000000000..bd1d6ab857 --- /dev/null +++ b/samples/charts/data-chart/type-range-area-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Range Area Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-range-area-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-range-column-series/ReadMe.md b/samples/charts/data-chart/type-range-column-series/ReadMe.md new file mode 100644 index 0000000000..a90911ef06 --- /dev/null +++ b/samples/charts/data-chart/type-range-column-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Range Column Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-range-column-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-range-series/ReadMe.md b/samples/charts/data-chart/type-range-series/ReadMe.md new file mode 100644 index 0000000000..c1e95b7889 --- /dev/null +++ b/samples/charts/data-chart/type-range-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Range Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-range-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-area-series/ReadMe.md b/samples/charts/data-chart/type-scatter-area-series/ReadMe.md new file mode 100644 index 0000000000..444ddbe44c --- /dev/null +++ b/samples/charts/data-chart/type-scatter-area-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Area Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-scatter-area-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-bubble-series/ReadMe.md b/samples/charts/data-chart/type-scatter-bubble-series/ReadMe.md new file mode 100644 index 0000000000..1416dc7b42 --- /dev/null +++ b/samples/charts/data-chart/type-scatter-bubble-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Bubble Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-scatter-bubble-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-contour-series/ReadMe.md b/samples/charts/data-chart/type-scatter-contour-series/ReadMe.md new file mode 100644 index 0000000000..417214f50e --- /dev/null +++ b/samples/charts/data-chart/type-scatter-contour-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Contour Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-scatter-contour-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-hd-series/ReadMe.md b/samples/charts/data-chart/type-scatter-hd-series/ReadMe.md new file mode 100644 index 0000000000..3b12f5c65e --- /dev/null +++ b/samples/charts/data-chart/type-scatter-hd-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Hd Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-scatter-hd-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-polygon-series/ReadMe.md b/samples/charts/data-chart/type-scatter-polygon-series/ReadMe.md new file mode 100644 index 0000000000..b57377924f --- /dev/null +++ b/samples/charts/data-chart/type-scatter-polygon-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Polygon Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-scatter-polygon-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-polyline-series/ReadMe.md b/samples/charts/data-chart/type-scatter-polyline-series/ReadMe.md new file mode 100644 index 0000000000..46b7684d61 --- /dev/null +++ b/samples/charts/data-chart/type-scatter-polyline-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Polyline Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-scatter-polyline-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-series/ReadMe.md b/samples/charts/data-chart/type-scatter-series/ReadMe.md new file mode 100644 index 0000000000..c826699c9f --- /dev/null +++ b/samples/charts/data-chart/type-scatter-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-scatter-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-shape-series/ReadMe.md b/samples/charts/data-chart/type-shape-series/ReadMe.md new file mode 100644 index 0000000000..990cec5530 --- /dev/null +++ b/samples/charts/data-chart/type-shape-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Shape Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/type-shape-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/user-annotation-layer/ReadMe.md b/samples/charts/data-chart/user-annotation-layer/ReadMe.md index 311717f82c..6560b02b4c 100644 --- a/samples/charts/data-chart/user-annotation-layer/ReadMe.md +++ b/samples/charts/data-chart/user-annotation-layer/ReadMe.md @@ -1,7 +1,7 @@ -This folder contains implementation of React application with example of Actions Built In Data Chart feature using [Toolbar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. +This folder contains implementation of React application with example of User Annotation Layer feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. @@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Actions View Code - + Run Sample - + Run Sample @@ -34,7 +34,7 @@ Follow these instructions to run this example: git clone https://github.com/IgniteUI/igniteui-react-examples.git git checkout master cd ./igniteui-react-examples -cd ./samples/charts/toolbar/actions-built-in-data-chart +cd ./samples/charts/data-chart/user-annotation-layer ``` open above folder in VS Code or type: diff --git a/samples/charts/doughnut-chart/animation/ReadMe.md b/samples/charts/doughnut-chart/animation/ReadMe.md new file mode 100644 index 0000000000..2b16c8cab5 --- /dev/null +++ b/samples/charts/doughnut-chart/animation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Animation feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/doughnut-chart/animation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/doughnut-chart/explosion/ReadMe.md b/samples/charts/doughnut-chart/explosion/ReadMe.md new file mode 100644 index 0000000000..c9c436444c --- /dev/null +++ b/samples/charts/doughnut-chart/explosion/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Explosion feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/doughnut-chart/explosion +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/doughnut-chart/legend/ReadMe.md b/samples/charts/doughnut-chart/legend/ReadMe.md new file mode 100644 index 0000000000..12b8f908da --- /dev/null +++ b/samples/charts/doughnut-chart/legend/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Legend feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/doughnut-chart/legend +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/doughnut-chart/overview/ReadMe.md b/samples/charts/doughnut-chart/overview/ReadMe.md new file mode 100644 index 0000000000..674e97736a --- /dev/null +++ b/samples/charts/doughnut-chart/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/doughnut-chart/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/doughnut-chart/rings/ReadMe.md b/samples/charts/doughnut-chart/rings/ReadMe.md new file mode 100644 index 0000000000..60eb1815e9 --- /dev/null +++ b/samples/charts/doughnut-chart/rings/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Rings feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/doughnut-chart/rings +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/doughnut-chart/selection/ReadMe.md b/samples/charts/doughnut-chart/selection/ReadMe.md new file mode 100644 index 0000000000..d87cfd9f0b --- /dev/null +++ b/samples/charts/doughnut-chart/selection/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Selection feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/doughnut-chart/selection +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/annotations/ReadMe.md b/samples/charts/financial-chart/annotations/ReadMe.md new file mode 100644 index 0000000000..efbf495f01 --- /dev/null +++ b/samples/charts/financial-chart/annotations/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Annotations feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/annotations +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/axis-types/ReadMe.md b/samples/charts/financial-chart/axis-types/ReadMe.md new file mode 100644 index 0000000000..02c7839463 --- /dev/null +++ b/samples/charts/financial-chart/axis-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Axis Types feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/axis-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/high-frequency/ReadMe.md b/samples/charts/financial-chart/high-frequency/ReadMe.md new file mode 100644 index 0000000000..2c3c922b4d --- /dev/null +++ b/samples/charts/financial-chart/high-frequency/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of High Frequency feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/high-frequency +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/high-volume/ReadMe.md b/samples/charts/financial-chart/high-volume/ReadMe.md new file mode 100644 index 0000000000..04df4a803f --- /dev/null +++ b/samples/charts/financial-chart/high-volume/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of High Volume feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/high-volume +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/indicator-customization/ReadMe.md b/samples/charts/financial-chart/indicator-customization/ReadMe.md new file mode 100644 index 0000000000..dcf1f7c717 --- /dev/null +++ b/samples/charts/financial-chart/indicator-customization/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Indicator Customization feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/indicator-customization +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/indicator-types/ReadMe.md b/samples/charts/financial-chart/indicator-types/ReadMe.md new file mode 100644 index 0000000000..8ed6b2e3ed --- /dev/null +++ b/samples/charts/financial-chart/indicator-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Indicator Types feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/indicator-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/multiple-data/ReadMe.md b/samples/charts/financial-chart/multiple-data/ReadMe.md new file mode 100644 index 0000000000..ccec17b5f6 --- /dev/null +++ b/samples/charts/financial-chart/multiple-data/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Multiple Data feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/multiple-data +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/overview/ReadMe.md b/samples/charts/financial-chart/overview/ReadMe.md new file mode 100644 index 0000000000..0873575725 --- /dev/null +++ b/samples/charts/financial-chart/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/panes/ReadMe.md b/samples/charts/financial-chart/panes/ReadMe.md new file mode 100644 index 0000000000..5ceebfa209 --- /dev/null +++ b/samples/charts/financial-chart/panes/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Panes feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/panes +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/performance/ReadMe.md b/samples/charts/financial-chart/performance/ReadMe.md new file mode 100644 index 0000000000..05acab7138 --- /dev/null +++ b/samples/charts/financial-chart/performance/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Performance feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/performance +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/scrollbars/ReadMe.md b/samples/charts/financial-chart/scrollbars/ReadMe.md new file mode 100644 index 0000000000..c74521f1a1 --- /dev/null +++ b/samples/charts/financial-chart/scrollbars/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Scrollbars feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/scrollbars +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/stock-index-chart/ReadMe.md b/samples/charts/financial-chart/stock-index-chart/ReadMe.md new file mode 100644 index 0000000000..550bb76c12 --- /dev/null +++ b/samples/charts/financial-chart/stock-index-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Stock Index Chart feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/stock-index-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/styling/ReadMe.md b/samples/charts/financial-chart/styling/ReadMe.md new file mode 100644 index 0000000000..fc92efec9e --- /dev/null +++ b/samples/charts/financial-chart/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/titles/ReadMe.md b/samples/charts/financial-chart/titles/ReadMe.md new file mode 100644 index 0000000000..6a4cf2b8e6 --- /dev/null +++ b/samples/charts/financial-chart/titles/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Titles feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/titles +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/tooltip-types/ReadMe.md b/samples/charts/financial-chart/tooltip-types/ReadMe.md new file mode 100644 index 0000000000..aedef1b257 --- /dev/null +++ b/samples/charts/financial-chart/tooltip-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Tooltip Types feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/tooltip-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/trendlines/ReadMe.md b/samples/charts/financial-chart/trendlines/ReadMe.md new file mode 100644 index 0000000000..3e33303d6d --- /dev/null +++ b/samples/charts/financial-chart/trendlines/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Trendlines feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/trendlines +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/volume-types/ReadMe.md b/samples/charts/financial-chart/volume-types/ReadMe.md new file mode 100644 index 0000000000..ecb5b2e0ce --- /dev/null +++ b/samples/charts/financial-chart/volume-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Volume Types feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/financial-chart/volume-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/animation/ReadMe.md b/samples/charts/pie-chart/animation/ReadMe.md new file mode 100644 index 0000000000..c6a5c78082 --- /dev/null +++ b/samples/charts/pie-chart/animation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Animation feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/pie-chart/animation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/explosion/ReadMe.md b/samples/charts/pie-chart/explosion/ReadMe.md new file mode 100644 index 0000000000..fac28c20fa --- /dev/null +++ b/samples/charts/pie-chart/explosion/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Explosion feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/pie-chart/explosion +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/legend/ReadMe.md b/samples/charts/pie-chart/legend/ReadMe.md new file mode 100644 index 0000000000..3290f41b8f --- /dev/null +++ b/samples/charts/pie-chart/legend/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Legend feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/pie-chart/legend +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/others/ReadMe.md b/samples/charts/pie-chart/others/ReadMe.md new file mode 100644 index 0000000000..e79e3153d4 --- /dev/null +++ b/samples/charts/pie-chart/others/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Others feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/pie-chart/others +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/overview/ReadMe.md b/samples/charts/pie-chart/overview/ReadMe.md new file mode 100644 index 0000000000..03cb2cb559 --- /dev/null +++ b/samples/charts/pie-chart/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/pie-chart/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/selection/ReadMe.md b/samples/charts/pie-chart/selection/ReadMe.md new file mode 100644 index 0000000000..01e4ec9735 --- /dev/null +++ b/samples/charts/pie-chart/selection/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Selection feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/pie-chart/selection +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/display-types/ReadMe.md b/samples/charts/sparkline/display-types/ReadMe.md new file mode 100644 index 0000000000..85be337617 --- /dev/null +++ b/samples/charts/sparkline/display-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Display Types feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/sparkline/display-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/grid/ReadMe.md b/samples/charts/sparkline/grid/ReadMe.md new file mode 100644 index 0000000000..8a653b0c90 --- /dev/null +++ b/samples/charts/sparkline/grid/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Grid feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/sparkline/grid +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/markers/ReadMe.md b/samples/charts/sparkline/markers/ReadMe.md new file mode 100644 index 0000000000..c8e9bd8ec0 --- /dev/null +++ b/samples/charts/sparkline/markers/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Markers feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/sparkline/markers +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/normal-range/ReadMe.md b/samples/charts/sparkline/normal-range/ReadMe.md new file mode 100644 index 0000000000..cd70c39832 --- /dev/null +++ b/samples/charts/sparkline/normal-range/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Normal Range feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/sparkline/normal-range +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/trendlines/ReadMe.md b/samples/charts/sparkline/trendlines/ReadMe.md new file mode 100644 index 0000000000..463063626d --- /dev/null +++ b/samples/charts/sparkline/trendlines/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Trendlines feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/sparkline/trendlines +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/unknown-values/ReadMe.md b/samples/charts/sparkline/unknown-values/ReadMe.md new file mode 100644 index 0000000000..df6c43aecd --- /dev/null +++ b/samples/charts/sparkline/unknown-values/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Unknown Values feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/sparkline/unknown-values +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/tree-map/events/ReadMe.md b/samples/charts/tree-map/events/ReadMe.md new file mode 100644 index 0000000000..351633cce2 --- /dev/null +++ b/samples/charts/tree-map/events/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Events feature using [Tree Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/tree-map/events +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/tree-map/overview/ReadMe.md b/samples/charts/tree-map/overview/ReadMe.md new file mode 100644 index 0000000000..6cf09ac71c --- /dev/null +++ b/samples/charts/tree-map/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Tree Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/tree-map/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/zoomslider/overview/ReadMe.md b/samples/charts/zoomslider/overview/ReadMe.md new file mode 100644 index 0000000000..72b0c4bd35 --- /dev/null +++ b/samples/charts/zoomslider/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Zoomslider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/zoomslider/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/multi-column-combobox/overview/ReadMe.md b/samples/editors/multi-column-combobox/overview/ReadMe.md new file mode 100644 index 0000000000..76ad7ac6ce --- /dev/null +++ b/samples/editors/multi-column-combobox/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Multi Column Combobox Overview feature using [Multi Column-Combobox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/editors/multi-column-combobox/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/x-date-picker/date-limits/ReadMe.md b/samples/editors/x-date-picker/date-limits/ReadMe.md new file mode 100644 index 0000000000..fdbff5dab5 --- /dev/null +++ b/samples/editors/x-date-picker/date-limits/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of XDate Picker Date Limits feature using [X Date-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/editors/x-date-picker/date-limits +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/x-date-picker/editing/ReadMe.md b/samples/editors/x-date-picker/editing/ReadMe.md new file mode 100644 index 0000000000..71e763d08e --- /dev/null +++ b/samples/editors/x-date-picker/editing/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of XDate Picker Editing feature using [X Date-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/editors/x-date-picker/editing +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/x-date-picker/format/ReadMe.md b/samples/editors/x-date-picker/format/ReadMe.md new file mode 100644 index 0000000000..267ff513ae --- /dev/null +++ b/samples/editors/x-date-picker/format/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of XDate Picker Format feature using [X Date-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/editors/x-date-picker/format +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/x-date-picker/overview/ReadMe.md b/samples/editors/x-date-picker/overview/ReadMe.md new file mode 100644 index 0000000000..18148e745a --- /dev/null +++ b/samples/editors/x-date-picker/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of XDate Picker Overview feature using [X Date-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/editors/x-date-picker/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/x-date-picker/range/ReadMe.md b/samples/editors/x-date-picker/range/ReadMe.md new file mode 100644 index 0000000000..644c80c846 --- /dev/null +++ b/samples/editors/x-date-picker/range/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of XDate Picker Range feature using [X Date-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/editors/x-date-picker/range +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/operations-on-workbooks/ReadMe.md b/samples/excel/excel-library/operations-on-workbooks/ReadMe.md new file mode 100644 index 0000000000..20aa78e8ba --- /dev/null +++ b/samples/excel/excel-library/operations-on-workbooks/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Operations On Workbooks feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/excel-library/operations-on-workbooks +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/operations-on-worksheets/ReadMe.md b/samples/excel/excel-library/operations-on-worksheets/ReadMe.md new file mode 100644 index 0000000000..3107ab2f31 --- /dev/null +++ b/samples/excel/excel-library/operations-on-worksheets/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Operations On Worksheets feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/excel-library/operations-on-worksheets +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/overview/ReadMe.md b/samples/excel/excel-library/overview/ReadMe.md new file mode 100644 index 0000000000..7eef0b8efc --- /dev/null +++ b/samples/excel/excel-library/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/excel-library/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/working-with-cells/ReadMe.md b/samples/excel/excel-library/working-with-cells/ReadMe.md new file mode 100644 index 0000000000..571f8e512e --- /dev/null +++ b/samples/excel/excel-library/working-with-cells/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Working With Cells feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/excel-library/working-with-cells +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/working-with-charts/ReadMe.md b/samples/excel/excel-library/working-with-charts/ReadMe.md new file mode 100644 index 0000000000..6a6a7606f4 --- /dev/null +++ b/samples/excel/excel-library/working-with-charts/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Working With Charts feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/excel-library/working-with-charts +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/working-with-sparklines/ReadMe.md b/samples/excel/excel-library/working-with-sparklines/ReadMe.md new file mode 100644 index 0000000000..5814069069 --- /dev/null +++ b/samples/excel/excel-library/working-with-sparklines/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Working With Sparklines feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/excel-library/working-with-sparklines +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/activation/ReadMe.md b/samples/excel/spreadsheet/activation/ReadMe.md new file mode 100644 index 0000000000..6f9468f3d9 --- /dev/null +++ b/samples/excel/spreadsheet/activation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Activation feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/activation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/adapter-chart/ReadMe.md b/samples/excel/spreadsheet/adapter-chart/ReadMe.md new file mode 100644 index 0000000000..0b3691de32 --- /dev/null +++ b/samples/excel/spreadsheet/adapter-chart/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Adapter Chart feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/adapter-chart +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/adapter-combo/ReadMe.md b/samples/excel/spreadsheet/adapter-combo/ReadMe.md new file mode 100644 index 0000000000..4a9512f1ce --- /dev/null +++ b/samples/excel/spreadsheet/adapter-combo/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Adapter Combo feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/adapter-combo +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/clipboard/ReadMe.md b/samples/excel/spreadsheet/clipboard/ReadMe.md new file mode 100644 index 0000000000..a761108936 --- /dev/null +++ b/samples/excel/spreadsheet/clipboard/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Clipboard feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/clipboard +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/commands/ReadMe.md b/samples/excel/spreadsheet/commands/ReadMe.md new file mode 100644 index 0000000000..13f75a9307 --- /dev/null +++ b/samples/excel/spreadsheet/commands/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Commands feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/commands +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/conditional-formatting/ReadMe.md b/samples/excel/spreadsheet/conditional-formatting/ReadMe.md new file mode 100644 index 0000000000..05a7b96cf3 --- /dev/null +++ b/samples/excel/spreadsheet/conditional-formatting/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Conditional Formatting feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/conditional-formatting +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/config-options/ReadMe.md b/samples/excel/spreadsheet/config-options/ReadMe.md new file mode 100644 index 0000000000..164ccc1bf8 --- /dev/null +++ b/samples/excel/spreadsheet/config-options/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Config Options feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/config-options +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/data-validation/ReadMe.md b/samples/excel/spreadsheet/data-validation/ReadMe.md new file mode 100644 index 0000000000..2d08a9a77b --- /dev/null +++ b/samples/excel/spreadsheet/data-validation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Data Validation feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/data-validation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/filter-dialog/ReadMe.md b/samples/excel/spreadsheet/filter-dialog/ReadMe.md new file mode 100644 index 0000000000..ca92eefc99 --- /dev/null +++ b/samples/excel/spreadsheet/filter-dialog/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Filter Dialog feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/filter-dialog +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/format-dialog/ReadMe.md b/samples/excel/spreadsheet/format-dialog/ReadMe.md new file mode 100644 index 0000000000..c30d879d36 --- /dev/null +++ b/samples/excel/spreadsheet/format-dialog/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Format Dialog feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/format-dialog +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/hyperlinks/ReadMe.md b/samples/excel/spreadsheet/hyperlinks/ReadMe.md new file mode 100644 index 0000000000..35fd024981 --- /dev/null +++ b/samples/excel/spreadsheet/hyperlinks/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Hyperlinks feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/hyperlinks +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/overview/ReadMe.md b/samples/excel/spreadsheet/overview/ReadMe.md new file mode 100644 index 0000000000..b6235a7da8 --- /dev/null +++ b/samples/excel/spreadsheet/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/sort-dialog/ReadMe.md b/samples/excel/spreadsheet/sort-dialog/ReadMe.md new file mode 100644 index 0000000000..a3afbd0aca --- /dev/null +++ b/samples/excel/spreadsheet/sort-dialog/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Sort Dialog feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/excel/spreadsheet/sort-dialog +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/animation/ReadMe.md b/samples/gauges/bullet-graph/animation/ReadMe.md new file mode 100644 index 0000000000..a2d2a4c2ad --- /dev/null +++ b/samples/gauges/bullet-graph/animation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Animation feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/animation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/background/ReadMe.md b/samples/gauges/bullet-graph/background/ReadMe.md new file mode 100644 index 0000000000..cd19c82d09 --- /dev/null +++ b/samples/gauges/bullet-graph/background/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Background feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/background +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/highlight-needle/ReadMe.md b/samples/gauges/bullet-graph/highlight-needle/ReadMe.md new file mode 100644 index 0000000000..026f9a06eb --- /dev/null +++ b/samples/gauges/bullet-graph/highlight-needle/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Highlight Needle feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/highlight-needle +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/labels/ReadMe.md b/samples/gauges/bullet-graph/labels/ReadMe.md new file mode 100644 index 0000000000..86dc346d01 --- /dev/null +++ b/samples/gauges/bullet-graph/labels/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Labels feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/labels +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/measures/ReadMe.md b/samples/gauges/bullet-graph/measures/ReadMe.md new file mode 100644 index 0000000000..55198ee931 --- /dev/null +++ b/samples/gauges/bullet-graph/measures/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Measures feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/measures +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/ranges/ReadMe.md b/samples/gauges/bullet-graph/ranges/ReadMe.md new file mode 100644 index 0000000000..3e7939260e --- /dev/null +++ b/samples/gauges/bullet-graph/ranges/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Ranges feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/ranges +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/scale/ReadMe.md b/samples/gauges/bullet-graph/scale/ReadMe.md new file mode 100644 index 0000000000..242e7107a5 --- /dev/null +++ b/samples/gauges/bullet-graph/scale/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Scale feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/scale +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/tickmarks/ReadMe.md b/samples/gauges/bullet-graph/tickmarks/ReadMe.md new file mode 100644 index 0000000000..743c8429c0 --- /dev/null +++ b/samples/gauges/bullet-graph/tickmarks/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Tickmarks feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/tickmarks +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/type-filled/ReadMe.md b/samples/gauges/bullet-graph/type-filled/ReadMe.md new file mode 100644 index 0000000000..e6f8b1a789 --- /dev/null +++ b/samples/gauges/bullet-graph/type-filled/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Filled feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/type-filled +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/type-horizontal/ReadMe.md b/samples/gauges/bullet-graph/type-horizontal/ReadMe.md new file mode 100644 index 0000000000..35e41fd134 --- /dev/null +++ b/samples/gauges/bullet-graph/type-horizontal/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Horizontal feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/type-horizontal +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/type-reversed/ReadMe.md b/samples/gauges/bullet-graph/type-reversed/ReadMe.md new file mode 100644 index 0000000000..7510e73e58 --- /dev/null +++ b/samples/gauges/bullet-graph/type-reversed/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Reversed feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/type-reversed +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/type-segmented/ReadMe.md b/samples/gauges/bullet-graph/type-segmented/ReadMe.md new file mode 100644 index 0000000000..5e8c9d095e --- /dev/null +++ b/samples/gauges/bullet-graph/type-segmented/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Segmented feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/type-segmented +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/type-vertical/ReadMe.md b/samples/gauges/bullet-graph/type-vertical/ReadMe.md new file mode 100644 index 0000000000..2a1894a974 --- /dev/null +++ b/samples/gauges/bullet-graph/type-vertical/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Vertical feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/bullet-graph/type-vertical +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/animation/ReadMe.md b/samples/gauges/linear-gauge/animation/ReadMe.md new file mode 100644 index 0000000000..93823ed6aa --- /dev/null +++ b/samples/gauges/linear-gauge/animation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Animation feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/animation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/backing/ReadMe.md b/samples/gauges/linear-gauge/backing/ReadMe.md new file mode 100644 index 0000000000..5969ceac7f --- /dev/null +++ b/samples/gauges/linear-gauge/backing/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Backing feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/backing +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/highlight-needle/ReadMe.md b/samples/gauges/linear-gauge/highlight-needle/ReadMe.md new file mode 100644 index 0000000000..e6c765d059 --- /dev/null +++ b/samples/gauges/linear-gauge/highlight-needle/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Highlight Needle feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/highlight-needle +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/labels/ReadMe.md b/samples/gauges/linear-gauge/labels/ReadMe.md new file mode 100644 index 0000000000..123b625596 --- /dev/null +++ b/samples/gauges/linear-gauge/labels/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Labels feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/labels +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/needle/ReadMe.md b/samples/gauges/linear-gauge/needle/ReadMe.md new file mode 100644 index 0000000000..e46e34f51e --- /dev/null +++ b/samples/gauges/linear-gauge/needle/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Needle feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/needle +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/ranges/ReadMe.md b/samples/gauges/linear-gauge/ranges/ReadMe.md new file mode 100644 index 0000000000..cadf8c6ed4 --- /dev/null +++ b/samples/gauges/linear-gauge/ranges/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Ranges feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/ranges +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/scale/ReadMe.md b/samples/gauges/linear-gauge/scale/ReadMe.md new file mode 100644 index 0000000000..d28ddbb7c1 --- /dev/null +++ b/samples/gauges/linear-gauge/scale/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Scale feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/scale +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/tickmarks/ReadMe.md b/samples/gauges/linear-gauge/tickmarks/ReadMe.md new file mode 100644 index 0000000000..2369ae65ba --- /dev/null +++ b/samples/gauges/linear-gauge/tickmarks/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Tickmarks feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/tickmarks +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-curved/ReadMe.md b/samples/gauges/linear-gauge/type-curved/ReadMe.md new file mode 100644 index 0000000000..925a3c6c81 --- /dev/null +++ b/samples/gauges/linear-gauge/type-curved/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Curved feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/type-curved +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-filled/ReadMe.md b/samples/gauges/linear-gauge/type-filled/ReadMe.md new file mode 100644 index 0000000000..3638e784ba --- /dev/null +++ b/samples/gauges/linear-gauge/type-filled/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Filled feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/type-filled +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-horizontal/ReadMe.md b/samples/gauges/linear-gauge/type-horizontal/ReadMe.md new file mode 100644 index 0000000000..05004d80e6 --- /dev/null +++ b/samples/gauges/linear-gauge/type-horizontal/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Horizontal feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/type-horizontal +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-multi-range/ReadMe.md b/samples/gauges/linear-gauge/type-multi-range/ReadMe.md new file mode 100644 index 0000000000..03d4cbf21e --- /dev/null +++ b/samples/gauges/linear-gauge/type-multi-range/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Multi Range feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/type-multi-range +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-multi-scale/ReadMe.md b/samples/gauges/linear-gauge/type-multi-scale/ReadMe.md new file mode 100644 index 0000000000..6e85966b0d --- /dev/null +++ b/samples/gauges/linear-gauge/type-multi-scale/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Multi Scale feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/type-multi-scale +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-segmented/ReadMe.md b/samples/gauges/linear-gauge/type-segmented/ReadMe.md new file mode 100644 index 0000000000..a40fe64621 --- /dev/null +++ b/samples/gauges/linear-gauge/type-segmented/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Segmented feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/type-segmented +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-vertical/ReadMe.md b/samples/gauges/linear-gauge/type-vertical/ReadMe.md new file mode 100644 index 0000000000..d201a5b28e --- /dev/null +++ b/samples/gauges/linear-gauge/type-vertical/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Vertical feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/linear-gauge/type-vertical +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/animation/ReadMe.md b/samples/gauges/radial-gauge/animation/ReadMe.md new file mode 100644 index 0000000000..9ce73e1464 --- /dev/null +++ b/samples/gauges/radial-gauge/animation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Animation feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/animation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/backing/ReadMe.md b/samples/gauges/radial-gauge/backing/ReadMe.md new file mode 100644 index 0000000000..e8cf87ab14 --- /dev/null +++ b/samples/gauges/radial-gauge/backing/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Backing feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/backing +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/highlight-needle/ReadMe.md b/samples/gauges/radial-gauge/highlight-needle/ReadMe.md new file mode 100644 index 0000000000..2122d38c27 --- /dev/null +++ b/samples/gauges/radial-gauge/highlight-needle/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Highlight Needle feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/highlight-needle +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/labels/ReadMe.md b/samples/gauges/radial-gauge/labels/ReadMe.md new file mode 100644 index 0000000000..0528dbcc2f --- /dev/null +++ b/samples/gauges/radial-gauge/labels/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Labels feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/labels +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/needle/ReadMe.md b/samples/gauges/radial-gauge/needle/ReadMe.md new file mode 100644 index 0000000000..c37fb076fd --- /dev/null +++ b/samples/gauges/radial-gauge/needle/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Needle feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/needle +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/optical-scaling/ReadMe.md b/samples/gauges/radial-gauge/optical-scaling/ReadMe.md new file mode 100644 index 0000000000..38e25cad1f --- /dev/null +++ b/samples/gauges/radial-gauge/optical-scaling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Optical Scaling feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/optical-scaling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/ranges/ReadMe.md b/samples/gauges/radial-gauge/ranges/ReadMe.md new file mode 100644 index 0000000000..d1e0228670 --- /dev/null +++ b/samples/gauges/radial-gauge/ranges/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Ranges feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/ranges +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/scale/ReadMe.md b/samples/gauges/radial-gauge/scale/ReadMe.md new file mode 100644 index 0000000000..5b351a359a --- /dev/null +++ b/samples/gauges/radial-gauge/scale/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Scale feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/scale +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/tickmarks/ReadMe.md b/samples/gauges/radial-gauge/tickmarks/ReadMe.md new file mode 100644 index 0000000000..6e1c9efa5b --- /dev/null +++ b/samples/gauges/radial-gauge/tickmarks/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Tickmarks feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/tickmarks +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-column/ReadMe.md b/samples/gauges/radial-gauge/type-column/ReadMe.md new file mode 100644 index 0000000000..7b4805ddff --- /dev/null +++ b/samples/gauges/radial-gauge/type-column/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Column feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/type-column +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-curved/ReadMe.md b/samples/gauges/radial-gauge/type-curved/ReadMe.md new file mode 100644 index 0000000000..71bdc3795d --- /dev/null +++ b/samples/gauges/radial-gauge/type-curved/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Curved feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/type-curved +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-direction/ReadMe.md b/samples/gauges/radial-gauge/type-direction/ReadMe.md new file mode 100644 index 0000000000..87c5132fa0 --- /dev/null +++ b/samples/gauges/radial-gauge/type-direction/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Direction feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/type-direction +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-full/ReadMe.md b/samples/gauges/radial-gauge/type-full/ReadMe.md new file mode 100644 index 0000000000..f2840efc33 --- /dev/null +++ b/samples/gauges/radial-gauge/type-full/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Full feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/type-full +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-half/ReadMe.md b/samples/gauges/radial-gauge/type-half/ReadMe.md new file mode 100644 index 0000000000..33576e8921 --- /dev/null +++ b/samples/gauges/radial-gauge/type-half/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Half feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/type-half +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-quatre/ReadMe.md b/samples/gauges/radial-gauge/type-quatre/ReadMe.md new file mode 100644 index 0000000000..7d8435561b --- /dev/null +++ b/samples/gauges/radial-gauge/type-quatre/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Quatre feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/type-quatre +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-ring/ReadMe.md b/samples/gauges/radial-gauge/type-ring/ReadMe.md new file mode 100644 index 0000000000..e0c2f1d107 --- /dev/null +++ b/samples/gauges/radial-gauge/type-ring/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Ring feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/type-ring +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-segmented/ReadMe.md b/samples/gauges/radial-gauge/type-segmented/ReadMe.md new file mode 100644 index 0000000000..fefd5dc169 --- /dev/null +++ b/samples/gauges/radial-gauge/type-segmented/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Segmented feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/type-segmented +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-semi/ReadMe.md b/samples/gauges/radial-gauge/type-semi/ReadMe.md new file mode 100644 index 0000000000..cea057ca34 --- /dev/null +++ b/samples/gauges/radial-gauge/type-semi/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Semi feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/gauges/radial-gauge/type-semi +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/accessibility/ReadMe.md b/samples/grids/data-grid/accessibility/ReadMe.md new file mode 100644 index 0000000000..f173460201 --- /dev/null +++ b/samples/grids/data-grid/accessibility/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Accessibility feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/accessibility +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/binding-data-service/ReadMe.md b/samples/grids/data-grid/binding-data-service/ReadMe.md new file mode 100644 index 0000000000..1e696b0a32 --- /dev/null +++ b/samples/grids/data-grid/binding-data-service/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Data Service feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/binding-data-service +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/binding-live-data/ReadMe.md b/samples/grids/data-grid/binding-live-data/ReadMe.md new file mode 100644 index 0000000000..70b631889d --- /dev/null +++ b/samples/grids/data-grid/binding-live-data/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Live Data feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/binding-live-data +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/binding-local-data/ReadMe.md b/samples/grids/data-grid/binding-local-data/ReadMe.md new file mode 100644 index 0000000000..d402e086c8 --- /dev/null +++ b/samples/grids/data-grid/binding-local-data/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Local Data feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/binding-local-data +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/binding-remote-data/ReadMe.md b/samples/grids/data-grid/binding-remote-data/ReadMe.md new file mode 100644 index 0000000000..0ce55fa946 --- /dev/null +++ b/samples/grids/data-grid/binding-remote-data/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Remote Data feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/binding-remote-data +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/cell-activation/ReadMe.md b/samples/grids/data-grid/cell-activation/ReadMe.md new file mode 100644 index 0000000000..1eb0ef5d32 --- /dev/null +++ b/samples/grids/data-grid/cell-activation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Cell Activation feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/cell-activation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/cell-editing/ReadMe.md b/samples/grids/data-grid/cell-editing/ReadMe.md new file mode 100644 index 0000000000..8ee7b9d633 --- /dev/null +++ b/samples/grids/data-grid/cell-editing/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Cell Editing feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/cell-editing +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/cell-merging/ReadMe.md b/samples/grids/data-grid/cell-merging/ReadMe.md new file mode 100644 index 0000000000..f7fd6dbcd3 --- /dev/null +++ b/samples/grids/data-grid/cell-merging/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Cell Merging feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/cell-merging +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/cell-selection/ReadMe.md b/samples/grids/data-grid/cell-selection/ReadMe.md new file mode 100644 index 0000000000..1ff6de79a2 --- /dev/null +++ b/samples/grids/data-grid/cell-selection/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Cell Selection feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/cell-selection +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-animation/ReadMe.md b/samples/grids/data-grid/column-animation/ReadMe.md new file mode 100644 index 0000000000..01b1e033da --- /dev/null +++ b/samples/grids/data-grid/column-animation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Animation feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-animation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-chooser-picker/ReadMe.md b/samples/grids/data-grid/column-chooser-picker/ReadMe.md new file mode 100644 index 0000000000..583f5fe66f --- /dev/null +++ b/samples/grids/data-grid/column-chooser-picker/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Chooser Picker feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-chooser-picker +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-chooser-toolbar/ReadMe.md b/samples/grids/data-grid/column-chooser-toolbar/ReadMe.md new file mode 100644 index 0000000000..7d6138b0fd --- /dev/null +++ b/samples/grids/data-grid/column-chooser-toolbar/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Chooser Toolbar feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-chooser-toolbar +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-filter-expressions/ReadMe.md b/samples/grids/data-grid/column-filter-expressions/ReadMe.md new file mode 100644 index 0000000000..8eba6c27f8 --- /dev/null +++ b/samples/grids/data-grid/column-filter-expressions/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Filter Expressions feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-filter-expressions +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-filter-operands/ReadMe.md b/samples/grids/data-grid/column-filter-operands/ReadMe.md new file mode 100644 index 0000000000..85d3dfaed2 --- /dev/null +++ b/samples/grids/data-grid/column-filter-operands/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Filter Operands feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-filter-operands +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-filtering/ReadMe.md b/samples/grids/data-grid/column-filtering/ReadMe.md new file mode 100644 index 0000000000..f3462c2f0d --- /dev/null +++ b/samples/grids/data-grid/column-filtering/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Filtering feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-filtering +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-moving/ReadMe.md b/samples/grids/data-grid/column-moving/ReadMe.md new file mode 100644 index 0000000000..bc74e5cfe7 --- /dev/null +++ b/samples/grids/data-grid/column-moving/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Moving feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-moving +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-options/ReadMe.md b/samples/grids/data-grid/column-options/ReadMe.md new file mode 100644 index 0000000000..bfb3064591 --- /dev/null +++ b/samples/grids/data-grid/column-options/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Options feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-options +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-pinning-picker/ReadMe.md b/samples/grids/data-grid/column-pinning-picker/ReadMe.md new file mode 100644 index 0000000000..a22eea90cd --- /dev/null +++ b/samples/grids/data-grid/column-pinning-picker/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Pinning Picker feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-pinning-picker +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-pinning-toolbar/ReadMe.md b/samples/grids/data-grid/column-pinning-toolbar/ReadMe.md new file mode 100644 index 0000000000..4741ba51ff --- /dev/null +++ b/samples/grids/data-grid/column-pinning-toolbar/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Pinning Toolbar feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-pinning-toolbar +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-resizing/ReadMe.md b/samples/grids/data-grid/column-resizing/ReadMe.md new file mode 100644 index 0000000000..5f2a08a516 --- /dev/null +++ b/samples/grids/data-grid/column-resizing/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Resizing feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-resizing +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-scrolling/ReadMe.md b/samples/grids/data-grid/column-scrolling/ReadMe.md new file mode 100644 index 0000000000..913f321ac2 --- /dev/null +++ b/samples/grids/data-grid/column-scrolling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Scrolling feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-scrolling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-sorting/ReadMe.md b/samples/grids/data-grid/column-sorting/ReadMe.md new file mode 100644 index 0000000000..d0b4b9dc2b --- /dev/null +++ b/samples/grids/data-grid/column-sorting/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Sorting feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-sorting +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-summaries/ReadMe.md b/samples/grids/data-grid/column-summaries/ReadMe.md new file mode 100644 index 0000000000..965b525aa9 --- /dev/null +++ b/samples/grids/data-grid/column-summaries/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Summaries feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-summaries +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-types/ReadMe.md b/samples/grids/data-grid/column-types/ReadMe.md new file mode 100644 index 0000000000..45d305f834 --- /dev/null +++ b/samples/grids/data-grid/column-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Types feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/column-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/load-save-layout/ReadMe.md b/samples/grids/data-grid/load-save-layout/ReadMe.md new file mode 100644 index 0000000000..9de2990fa8 --- /dev/null +++ b/samples/grids/data-grid/load-save-layout/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Load Save Layout feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/load-save-layout +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/localization/ReadMe.md b/samples/grids/data-grid/localization/ReadMe.md new file mode 100644 index 0000000000..012b0b4d3b --- /dev/null +++ b/samples/grids/data-grid/localization/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Localization feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/localization +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/overview/ReadMe.md b/samples/grids/data-grid/overview/ReadMe.md new file mode 100644 index 0000000000..0c714be29b --- /dev/null +++ b/samples/grids/data-grid/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/pager/ReadMe.md b/samples/grids/data-grid/pager/ReadMe.md new file mode 100644 index 0000000000..aad637942c --- /dev/null +++ b/samples/grids/data-grid/pager/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Pager feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/pager +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/performance/ReadMe.md b/samples/grids/data-grid/performance/ReadMe.md new file mode 100644 index 0000000000..f138415c72 --- /dev/null +++ b/samples/grids/data-grid/performance/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Performance feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/performance +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-group-descriptions/ReadMe.md b/samples/grids/data-grid/row-group-descriptions/ReadMe.md new file mode 100644 index 0000000000..e950015b64 --- /dev/null +++ b/samples/grids/data-grid/row-group-descriptions/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Row Group Descriptions feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/row-group-descriptions +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-grouping/ReadMe.md b/samples/grids/data-grid/row-grouping/ReadMe.md new file mode 100644 index 0000000000..3a84dbf065 --- /dev/null +++ b/samples/grids/data-grid/row-grouping/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Row Grouping feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/row-grouping +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-highlighting/ReadMe.md b/samples/grids/data-grid/row-highlighting/ReadMe.md new file mode 100644 index 0000000000..10272f5a38 --- /dev/null +++ b/samples/grids/data-grid/row-highlighting/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Row Highlighting feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/row-highlighting +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-paging/ReadMe.md b/samples/grids/data-grid/row-paging/ReadMe.md new file mode 100644 index 0000000000..6bdd5b24ae --- /dev/null +++ b/samples/grids/data-grid/row-paging/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Row Paging feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/row-paging +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-pinning/ReadMe.md b/samples/grids/data-grid/row-pinning/ReadMe.md new file mode 100644 index 0000000000..5597895f00 --- /dev/null +++ b/samples/grids/data-grid/row-pinning/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Row Pinning feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/row-pinning +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-selection/ReadMe.md b/samples/grids/data-grid/row-selection/ReadMe.md new file mode 100644 index 0000000000..067cacc143 --- /dev/null +++ b/samples/grids/data-grid/row-selection/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Row Selection feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/row-selection +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/type-comparison-table/ReadMe.md b/samples/grids/data-grid/type-comparison-table/ReadMe.md new file mode 100644 index 0000000000..a4b6403aa0 --- /dev/null +++ b/samples/grids/data-grid/type-comparison-table/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Comparison Table feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/type-comparison-table +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/type-heatmap-table/ReadMe.md b/samples/grids/data-grid/type-heatmap-table/ReadMe.md new file mode 100644 index 0000000000..a66e69007b --- /dev/null +++ b/samples/grids/data-grid/type-heatmap-table/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Heatmap Table feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/type-heatmap-table +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/type-marketing-table/ReadMe.md b/samples/grids/data-grid/type-marketing-table/ReadMe.md new file mode 100644 index 0000000000..edc390e9ec --- /dev/null +++ b/samples/grids/data-grid/type-marketing-table/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Marketing Table feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/type-marketing-table +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/type-matrix-table/ReadMe.md b/samples/grids/data-grid/type-matrix-table/ReadMe.md new file mode 100644 index 0000000000..c25f644bd4 --- /dev/null +++ b/samples/grids/data-grid/type-matrix-table/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Matrix Table feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/type-matrix-table +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/type-periodic-table/ReadMe.md b/samples/grids/data-grid/type-periodic-table/ReadMe.md new file mode 100644 index 0000000000..c45763efe0 --- /dev/null +++ b/samples/grids/data-grid/type-periodic-table/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Periodic Table feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/data-grid/type-periodic-table +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-basic/ReadMe.md b/samples/grids/grid-lite/column-config-basic/ReadMe.md new file mode 100644 index 0000000000..c9bbb63513 --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/column-config-basic +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-basic/package.json b/samples/grids/grid-lite/column-config-basic/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/column-config-dynamic/ReadMe.md b/samples/grids/grid-lite/column-config-dynamic/ReadMe.md new file mode 100644 index 0000000000..ab94f67e1d --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/column-config-dynamic +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-dynamic/package.json b/samples/grids/grid-lite/column-config-dynamic/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/column-config-headers/ReadMe.md b/samples/grids/grid-lite/column-config-headers/ReadMe.md new file mode 100644 index 0000000000..45a0440952 --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/column-config-headers +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-headers/package.json b/samples/grids/grid-lite/column-config-headers/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/data-binding/ReadMe.md b/samples/grids/grid-lite/data-binding/ReadMe.md new file mode 100644 index 0000000000..5eac97d1cb --- /dev/null +++ b/samples/grids/grid-lite/data-binding/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/data-binding +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/data-binding/package.json b/samples/grids/grid-lite/data-binding/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/data-binding/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/filtering-config-events/ReadMe.md b/samples/grids/grid-lite/filtering-config-events/ReadMe.md new file mode 100644 index 0000000000..48c6a10f0a --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/filtering-config-events +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/filtering-config-events/package.json b/samples/grids/grid-lite/filtering-config-events/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/filtering-config-remote/ReadMe.md b/samples/grids/grid-lite/filtering-config-remote/ReadMe.md new file mode 100644 index 0000000000..e0135c7d7d --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/filtering-config-remote +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/filtering-config-remote/package.json b/samples/grids/grid-lite/filtering-config-remote/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/filtering-config/ReadMe.md b/samples/grids/grid-lite/filtering-config/ReadMe.md new file mode 100644 index 0000000000..b5a7a274a6 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/filtering-config +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/filtering-config/package.json b/samples/grids/grid-lite/filtering-config/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/overview/ReadMe.md b/samples/grids/grid-lite/overview/ReadMe.md new file mode 100644 index 0000000000..ec94e6cfc8 --- /dev/null +++ b/samples/grids/grid-lite/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/overview/package.json b/samples/grids/grid-lite/overview/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/overview/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/sort-config-events/ReadMe.md b/samples/grids/grid-lite/sort-config-events/ReadMe.md new file mode 100644 index 0000000000..9fe11680c4 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/sort-config-events +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-events/package.json b/samples/grids/grid-lite/sort-config-events/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/sort-config-grid/ReadMe.md b/samples/grids/grid-lite/sort-config-grid/ReadMe.md new file mode 100644 index 0000000000..c90bd2e358 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/sort-config-grid +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-grid/package.json b/samples/grids/grid-lite/sort-config-grid/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/sort-config-pipeline/ReadMe.md b/samples/grids/grid-lite/sort-config-pipeline/ReadMe.md new file mode 100644 index 0000000000..bededbf016 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/sort-config-pipeline +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-pipeline/package.json b/samples/grids/grid-lite/sort-config-pipeline/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/sort-config-sample/ReadMe.md b/samples/grids/grid-lite/sort-config-sample/ReadMe.md new file mode 100644 index 0000000000..970e7e07c0 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/sort-config-sample +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-sample/package.json b/samples/grids/grid-lite/sort-config-sample/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/grid-lite/styling-custom-theme/ReadMe.md b/samples/grids/grid-lite/styling-custom-theme/ReadMe.md new file mode 100644 index 0000000000..ee219085b8 --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/styling-custom-theme +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/styling-custom-theme/package.json b/samples/grids/grid-lite/styling-custom-theme/package.json new file mode 100644 index 0000000000..e022f66a0e --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/package.json @@ -0,0 +1,50 @@ +{ + "name": "example-ignite-ui-react", + "description": "This project provides example of using Ignite UI for React components", + "author": "Infragistics", + "version": "1.4.0", + "license": "", + "homepage": ".", + "private": true, + "scripts": { + "start": "vite --port 4200", + "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build", + "preview": "vite preview", + "test": "vitest", + "lint": "eslint ./src/**/*.{ts,tsx}" + }, + "dependencies": { + "igniteui-dockmanager": "^1.17.0", + "igniteui-grid-lite": "^1.0.0-alpha.9", + "igniteui-react": "^19.3.0", + "igniteui-react-core": "19.3.0-beta.0", + "igniteui-react-grids": "^19.3.0", + "igniteui-webcomponents": "^6.3.0", + "lit-html": "^3.2.0", + "react": "^19.2.0", + "react-dom": "^19.2.0", + "tslib": "^2.4.0" + }, + "devDependencies": { + "@types/jest": "^29.2.0", + "@types/node": "^24.7.1", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^5.0.4", + "@vitest/browser": "^3.2.4", + "eslint": "^8.33.0", + "eslint-config-react": "^1.1.7", + "eslint-plugin-react": "^7.20.0", + "typescript": "^4.8.4", + "vite": "^7.1.9", + "vitest": "^3.2.4", + "vitest-canvas-mock": "^0.3.3", + "worker-loader": "^3.0.8" + }, + "browserslist": [ + ">0.2%", + "not dead", + "not ie <= 11", + "not op_mini all" + ] +} diff --git a/samples/grids/list/add-list-items/ReadMe.md b/samples/grids/list/add-list-items/ReadMe.md new file mode 100644 index 0000000000..c9dbbaae8a --- /dev/null +++ b/samples/grids/list/add-list-items/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Add Items feature using [List](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/list/add-list-items +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/list/list-item-content/ReadMe.md b/samples/grids/list/list-item-content/ReadMe.md new file mode 100644 index 0000000000..a0b0334862 --- /dev/null +++ b/samples/grids/list/list-item-content/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Item Content feature using [List](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/list/list-item-content +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/list/overview/ReadMe.md b/samples/grids/list/overview/ReadMe.md new file mode 100644 index 0000000000..473db6220e --- /dev/null +++ b/samples/grids/list/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [List](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/list/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/list/styling/ReadMe.md b/samples/grids/list/styling/ReadMe.md new file mode 100644 index 0000000000..b970b2a055 --- /dev/null +++ b/samples/grids/list/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [List](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/list/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/tree/basic-example/ReadMe.md b/samples/grids/tree/basic-example/ReadMe.md new file mode 100644 index 0000000000..3047d0578f --- /dev/null +++ b/samples/grids/tree/basic-example/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Basic Example feature using [Tree](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/tree/basic-example +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/badge/outlined/ReadMe.md b/samples/inputs/badge/outlined/ReadMe.md new file mode 100644 index 0000000000..c9662cca02 --- /dev/null +++ b/samples/inputs/badge/outlined/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Outlined feature using [Badge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/badge/outlined +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/badge/shape/ReadMe.md b/samples/inputs/badge/shape/ReadMe.md new file mode 100644 index 0000000000..a30cd83c54 --- /dev/null +++ b/samples/inputs/badge/shape/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Shape feature using [Badge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/badge/shape +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/badge/variants/ReadMe.md b/samples/inputs/badge/variants/ReadMe.md new file mode 100644 index 0000000000..be645a4d88 --- /dev/null +++ b/samples/inputs/badge/variants/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Variants feature using [Badge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/badge/variants +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button-group/alignment/ReadMe.md b/samples/inputs/button-group/alignment/ReadMe.md new file mode 100644 index 0000000000..897b9eacf5 --- /dev/null +++ b/samples/inputs/button-group/alignment/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Alignment feature using [Button Group](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button-group/alignment +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button-group/overview/ReadMe.md b/samples/inputs/button-group/overview/ReadMe.md new file mode 100644 index 0000000000..cc22719782 --- /dev/null +++ b/samples/inputs/button-group/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Button Group](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button-group/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button-group/selection/ReadMe.md b/samples/inputs/button-group/selection/ReadMe.md new file mode 100644 index 0000000000..96d58ef1f2 --- /dev/null +++ b/samples/inputs/button-group/selection/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Selection feature using [Button Group](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button-group/selection +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button-group/size/ReadMe.md b/samples/inputs/button-group/size/ReadMe.md new file mode 100644 index 0000000000..5b4459daef --- /dev/null +++ b/samples/inputs/button-group/size/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Size feature using [Button Group](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button-group/size +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button-group/styling/ReadMe.md b/samples/inputs/button-group/styling/ReadMe.md new file mode 100644 index 0000000000..5701043627 --- /dev/null +++ b/samples/inputs/button-group/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Button Group](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button-group/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/contained/ReadMe.md b/samples/inputs/button/contained/ReadMe.md new file mode 100644 index 0000000000..d653b6b1d8 --- /dev/null +++ b/samples/inputs/button/contained/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Contained feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button/contained +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/download/ReadMe.md b/samples/inputs/button/download/ReadMe.md new file mode 100644 index 0000000000..2647332fba --- /dev/null +++ b/samples/inputs/button/download/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Download feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button/download +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/fab/ReadMe.md b/samples/inputs/button/fab/ReadMe.md new file mode 100644 index 0000000000..3f31800191 --- /dev/null +++ b/samples/inputs/button/fab/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Fab feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button/fab +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/flat/ReadMe.md b/samples/inputs/button/flat/ReadMe.md new file mode 100644 index 0000000000..35a6ce6ea9 --- /dev/null +++ b/samples/inputs/button/flat/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Flat feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button/flat +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/outlined/ReadMe.md b/samples/inputs/button/outlined/ReadMe.md new file mode 100644 index 0000000000..9215087f9b --- /dev/null +++ b/samples/inputs/button/outlined/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Outlined feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button/outlined +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/overview/ReadMe.md b/samples/inputs/button/overview/ReadMe.md new file mode 100644 index 0000000000..463ac5cc62 --- /dev/null +++ b/samples/inputs/button/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/size/ReadMe.md b/samples/inputs/button/size/ReadMe.md new file mode 100644 index 0000000000..09dd7ee852 --- /dev/null +++ b/samples/inputs/button/size/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Size feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button/size +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/styling/ReadMe.md b/samples/inputs/button/styling/ReadMe.md new file mode 100644 index 0000000000..ab374ecad2 --- /dev/null +++ b/samples/inputs/button/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/button/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/checkbox/checking/ReadMe.md b/samples/inputs/checkbox/checking/ReadMe.md new file mode 100644 index 0000000000..c1c6cad402 --- /dev/null +++ b/samples/inputs/checkbox/checking/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Checking feature using [Checkbox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/checkbox/checking +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/checkbox/disabled/ReadMe.md b/samples/inputs/checkbox/disabled/ReadMe.md new file mode 100644 index 0000000000..c9b52293eb --- /dev/null +++ b/samples/inputs/checkbox/disabled/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Disabled feature using [Checkbox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/checkbox/disabled +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/checkbox/indeterminate/ReadMe.md b/samples/inputs/checkbox/indeterminate/ReadMe.md new file mode 100644 index 0000000000..8e5065c3ca --- /dev/null +++ b/samples/inputs/checkbox/indeterminate/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Indeterminate feature using [Checkbox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/checkbox/indeterminate +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/checkbox/label/ReadMe.md b/samples/inputs/checkbox/label/ReadMe.md new file mode 100644 index 0000000000..65affc79fb --- /dev/null +++ b/samples/inputs/checkbox/label/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Label feature using [Checkbox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/checkbox/label +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/checkbox/overview/ReadMe.md b/samples/inputs/checkbox/overview/ReadMe.md new file mode 100644 index 0000000000..9364492ec5 --- /dev/null +++ b/samples/inputs/checkbox/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Checkbox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/checkbox/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/chip/multiple/ReadMe.md b/samples/inputs/chip/multiple/ReadMe.md new file mode 100644 index 0000000000..f7b28f8ebe --- /dev/null +++ b/samples/inputs/chip/multiple/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Multiple feature using [Chip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/chip/multiple +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/chip/overview/ReadMe.md b/samples/inputs/chip/overview/ReadMe.md new file mode 100644 index 0000000000..b35f2f7840 --- /dev/null +++ b/samples/inputs/chip/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Chip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/chip/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/chip/size/ReadMe.md b/samples/inputs/chip/size/ReadMe.md new file mode 100644 index 0000000000..82e196599a --- /dev/null +++ b/samples/inputs/chip/size/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Size feature using [Chip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/chip/size +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/chip/styling/ReadMe.md b/samples/inputs/chip/styling/ReadMe.md new file mode 100644 index 0000000000..ace98241a7 --- /dev/null +++ b/samples/inputs/chip/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Chip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/chip/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/chip/variants/ReadMe.md b/samples/inputs/chip/variants/ReadMe.md new file mode 100644 index 0000000000..9afc6c1d5a --- /dev/null +++ b/samples/inputs/chip/variants/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Variants feature using [Chip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/chip/variants +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/circular-progress-indicator/dynamic/ReadMe.md b/samples/inputs/circular-progress-indicator/dynamic/ReadMe.md new file mode 100644 index 0000000000..42e21aa1fc --- /dev/null +++ b/samples/inputs/circular-progress-indicator/dynamic/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Circular Progress Indicator Dynamic feature using [Circular Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/circular-progress-indicator/dynamic +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/circular-progress-indicator/indeterminate/ReadMe.md b/samples/inputs/circular-progress-indicator/indeterminate/ReadMe.md new file mode 100644 index 0000000000..1527530763 --- /dev/null +++ b/samples/inputs/circular-progress-indicator/indeterminate/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Circular Progress Indicator Indeterminate feature using [Circular Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/circular-progress-indicator/indeterminate +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/circular-progress-indicator/simple/ReadMe.md b/samples/inputs/circular-progress-indicator/simple/ReadMe.md new file mode 100644 index 0000000000..9c622acc03 --- /dev/null +++ b/samples/inputs/circular-progress-indicator/simple/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Circular Progress Indicator Simple feature using [Circular Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/circular-progress-indicator/simple +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/circular-progress-indicator/styling/ReadMe.md b/samples/inputs/circular-progress-indicator/styling/ReadMe.md new file mode 100644 index 0000000000..377f340edc --- /dev/null +++ b/samples/inputs/circular-progress-indicator/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Circular Progress Indicator Styling feature using [Circular Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/circular-progress-indicator/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/features/ReadMe.md b/samples/inputs/combo/features/ReadMe.md new file mode 100644 index 0000000000..bd0b771341 --- /dev/null +++ b/samples/inputs/combo/features/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Features feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/combo/features +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/overview/ReadMe.md b/samples/inputs/combo/overview/ReadMe.md new file mode 100644 index 0000000000..c253175d15 --- /dev/null +++ b/samples/inputs/combo/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/combo/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/selection/ReadMe.md b/samples/inputs/combo/selection/ReadMe.md new file mode 100644 index 0000000000..58ee7a1e4d --- /dev/null +++ b/samples/inputs/combo/selection/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Selection feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/combo/selection +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/simplified/ReadMe.md b/samples/inputs/combo/simplified/ReadMe.md new file mode 100644 index 0000000000..f3e3d02791 --- /dev/null +++ b/samples/inputs/combo/simplified/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Simplified feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/combo/simplified +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/styling/ReadMe.md b/samples/inputs/combo/styling/ReadMe.md new file mode 100644 index 0000000000..087f555ea8 --- /dev/null +++ b/samples/inputs/combo/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/combo/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/templates/ReadMe.md b/samples/inputs/combo/templates/ReadMe.md new file mode 100644 index 0000000000..386e26cdfd --- /dev/null +++ b/samples/inputs/combo/templates/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Templates feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/combo/templates +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/date-time-input/input-format-display-format/ReadMe.md b/samples/inputs/date-time-input/input-format-display-format/ReadMe.md new file mode 100644 index 0000000000..7903beaaaa --- /dev/null +++ b/samples/inputs/date-time-input/input-format-display-format/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Date Time Input Input Format Display Format feature using [Date Time-Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/date-time-input/input-format-display-format +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/date-time-input/min-max-value/ReadMe.md b/samples/inputs/date-time-input/min-max-value/ReadMe.md new file mode 100644 index 0000000000..1647238e90 --- /dev/null +++ b/samples/inputs/date-time-input/min-max-value/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Date Time Input Min Max Value feature using [Date Time-Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/date-time-input/min-max-value +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/date-time-input/overview/ReadMe.md b/samples/inputs/date-time-input/overview/ReadMe.md new file mode 100644 index 0000000000..2c3e8774e3 --- /dev/null +++ b/samples/inputs/date-time-input/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Date Time Input Overview feature using [Date Time-Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/date-time-input/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/date-time-input/step-up-down/ReadMe.md b/samples/inputs/date-time-input/step-up-down/ReadMe.md new file mode 100644 index 0000000000..49af0a2dff --- /dev/null +++ b/samples/inputs/date-time-input/step-up-down/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Date Time Input Step Up Down feature using [Date Time-Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/date-time-input/step-up-down +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/group/ReadMe.md b/samples/inputs/dropdown/group/ReadMe.md new file mode 100644 index 0000000000..79b2159f3f --- /dev/null +++ b/samples/inputs/dropdown/group/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Group feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/dropdown/group +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/header/ReadMe.md b/samples/inputs/dropdown/header/ReadMe.md new file mode 100644 index 0000000000..07dcbc9466 --- /dev/null +++ b/samples/inputs/dropdown/header/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Header feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/dropdown/header +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/item/ReadMe.md b/samples/inputs/dropdown/item/ReadMe.md new file mode 100644 index 0000000000..c89830b91b --- /dev/null +++ b/samples/inputs/dropdown/item/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Item feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/dropdown/item +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/overview/ReadMe.md b/samples/inputs/dropdown/overview/ReadMe.md new file mode 100644 index 0000000000..04bedb10e7 --- /dev/null +++ b/samples/inputs/dropdown/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/dropdown/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/position/ReadMe.md b/samples/inputs/dropdown/position/ReadMe.md new file mode 100644 index 0000000000..a1b824f32c --- /dev/null +++ b/samples/inputs/dropdown/position/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Position feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/dropdown/position +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/styling/ReadMe.md b/samples/inputs/dropdown/styling/ReadMe.md new file mode 100644 index 0000000000..82a46c790d --- /dev/null +++ b/samples/inputs/dropdown/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/dropdown/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/target/ReadMe.md b/samples/inputs/dropdown/target/ReadMe.md new file mode 100644 index 0000000000..768b214c9a --- /dev/null +++ b/samples/inputs/dropdown/target/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Target feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/dropdown/target +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/icon-button/size/ReadMe.md b/samples/inputs/icon-button/size/ReadMe.md new file mode 100644 index 0000000000..65dd66ff66 --- /dev/null +++ b/samples/inputs/icon-button/size/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Size feature using [Icon Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/icon-button/size +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/icon-button/styling/ReadMe.md b/samples/inputs/icon-button/styling/ReadMe.md new file mode 100644 index 0000000000..585f2b8765 --- /dev/null +++ b/samples/inputs/icon-button/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Icon Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/icon-button/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/icon-button/variant/ReadMe.md b/samples/inputs/icon-button/variant/ReadMe.md new file mode 100644 index 0000000000..94b0aab9a0 --- /dev/null +++ b/samples/inputs/icon-button/variant/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Variant feature using [Icon Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/icon-button/variant +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/input/helper-text/ReadMe.md b/samples/inputs/input/helper-text/ReadMe.md new file mode 100644 index 0000000000..17d91f1d16 --- /dev/null +++ b/samples/inputs/input/helper-text/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Helper Text feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/input/helper-text +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/input/overview/ReadMe.md b/samples/inputs/input/overview/ReadMe.md new file mode 100644 index 0000000000..b00ea4ed98 --- /dev/null +++ b/samples/inputs/input/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/input/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/input/prefix-suffix/ReadMe.md b/samples/inputs/input/prefix-suffix/ReadMe.md new file mode 100644 index 0000000000..e91e896deb --- /dev/null +++ b/samples/inputs/input/prefix-suffix/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Prefix Suffix feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/input/prefix-suffix +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/input/size/ReadMe.md b/samples/inputs/input/size/ReadMe.md new file mode 100644 index 0000000000..40b7a17410 --- /dev/null +++ b/samples/inputs/input/size/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Size feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/input/size +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/input/styling/ReadMe.md b/samples/inputs/input/styling/ReadMe.md new file mode 100644 index 0000000000..7ba6fec43b --- /dev/null +++ b/samples/inputs/input/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/input/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/linear-progress-indicator/dynamic/ReadMe.md b/samples/inputs/linear-progress-indicator/dynamic/ReadMe.md new file mode 100644 index 0000000000..d6187a89da --- /dev/null +++ b/samples/inputs/linear-progress-indicator/dynamic/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Linear Progress Indicator Dynamic feature using [Linear Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/linear-progress-indicator/dynamic +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/linear-progress-indicator/simple/ReadMe.md b/samples/inputs/linear-progress-indicator/simple/ReadMe.md new file mode 100644 index 0000000000..6b541bc996 --- /dev/null +++ b/samples/inputs/linear-progress-indicator/simple/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Linear Progress Indicator Simple feature using [Linear Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/linear-progress-indicator/simple +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/linear-progress-indicator/striped/ReadMe.md b/samples/inputs/linear-progress-indicator/striped/ReadMe.md new file mode 100644 index 0000000000..4cbad33b37 --- /dev/null +++ b/samples/inputs/linear-progress-indicator/striped/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Linear Progress Indicator Striped feature using [Linear Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/linear-progress-indicator/striped +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/linear-progress-indicator/styling/ReadMe.md b/samples/inputs/linear-progress-indicator/styling/ReadMe.md new file mode 100644 index 0000000000..bd056654dd --- /dev/null +++ b/samples/inputs/linear-progress-indicator/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Linear Progress Indicator Styling feature using [Linear Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/linear-progress-indicator/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/linear-progress-indicator/types/ReadMe.md b/samples/inputs/linear-progress-indicator/types/ReadMe.md new file mode 100644 index 0000000000..5005671330 --- /dev/null +++ b/samples/inputs/linear-progress-indicator/types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Linear Progress Indicator Types feature using [Linear Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/linear-progress-indicator/types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/mask-input/applying-mask/ReadMe.md b/samples/inputs/mask-input/applying-mask/ReadMe.md new file mode 100644 index 0000000000..5fb0b64272 --- /dev/null +++ b/samples/inputs/mask-input/applying-mask/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Applying Mask feature using [Mask Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/mask-input/applying-mask +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/mask-input/overview/ReadMe.md b/samples/inputs/mask-input/overview/ReadMe.md new file mode 100644 index 0000000000..fd1578634b --- /dev/null +++ b/samples/inputs/mask-input/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Mask Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/mask-input/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/mask-input/value-modes/ReadMe.md b/samples/inputs/mask-input/value-modes/ReadMe.md new file mode 100644 index 0000000000..bd511428c5 --- /dev/null +++ b/samples/inputs/mask-input/value-modes/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Value Modes feature using [Mask Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/mask-input/value-modes +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/alignment/ReadMe.md b/samples/inputs/radio/alignment/ReadMe.md new file mode 100644 index 0000000000..a0bec696ed --- /dev/null +++ b/samples/inputs/radio/alignment/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Alignment feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/radio/alignment +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/disabled/ReadMe.md b/samples/inputs/radio/disabled/ReadMe.md new file mode 100644 index 0000000000..27eeeda5d4 --- /dev/null +++ b/samples/inputs/radio/disabled/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Disabled feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/radio/disabled +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/group/ReadMe.md b/samples/inputs/radio/group/ReadMe.md new file mode 100644 index 0000000000..fa70c5ece8 --- /dev/null +++ b/samples/inputs/radio/group/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Group feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/radio/group +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/invalid/ReadMe.md b/samples/inputs/radio/invalid/ReadMe.md new file mode 100644 index 0000000000..a5d2fb405e --- /dev/null +++ b/samples/inputs/radio/invalid/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Invalid feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/radio/invalid +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/label/ReadMe.md b/samples/inputs/radio/label/ReadMe.md new file mode 100644 index 0000000000..ece0a5e7c0 --- /dev/null +++ b/samples/inputs/radio/label/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Label feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/radio/label +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/styling/ReadMe.md b/samples/inputs/radio/styling/ReadMe.md new file mode 100644 index 0000000000..3ae2dc9bcb --- /dev/null +++ b/samples/inputs/radio/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/radio/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/rating/basic/ReadMe.md b/samples/inputs/rating/basic/ReadMe.md new file mode 100644 index 0000000000..efad72f7d3 --- /dev/null +++ b/samples/inputs/rating/basic/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Basic feature using [Rating](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/rating/basic +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/rating/custom/ReadMe.md b/samples/inputs/rating/custom/ReadMe.md new file mode 100644 index 0000000000..4a641fa989 --- /dev/null +++ b/samples/inputs/rating/custom/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Custom feature using [Rating](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/rating/custom +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/rating/empty/ReadMe.md b/samples/inputs/rating/empty/ReadMe.md new file mode 100644 index 0000000000..7cd1431e5b --- /dev/null +++ b/samples/inputs/rating/empty/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Empty feature using [Rating](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/rating/empty +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/rating/single-selection/ReadMe.md b/samples/inputs/rating/single-selection/ReadMe.md new file mode 100644 index 0000000000..b2a3ce6f41 --- /dev/null +++ b/samples/inputs/rating/single-selection/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Single Selection feature using [Rating](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/rating/single-selection +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/rating/styling/ReadMe.md b/samples/inputs/rating/styling/ReadMe.md new file mode 100644 index 0000000000..fa218e2ed3 --- /dev/null +++ b/samples/inputs/rating/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Rating](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/rating/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/ripple/button/ReadMe.md b/samples/inputs/ripple/button/ReadMe.md new file mode 100644 index 0000000000..a40c4d0a4c --- /dev/null +++ b/samples/inputs/ripple/button/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Button feature using [Ripple](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/ripple/button +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/ripple/color/ReadMe.md b/samples/inputs/ripple/color/ReadMe.md new file mode 100644 index 0000000000..dbe2c177a6 --- /dev/null +++ b/samples/inputs/ripple/color/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Color feature using [Ripple](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/ripple/color +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/select/group/ReadMe.md b/samples/inputs/select/group/ReadMe.md new file mode 100644 index 0000000000..9e84d827fa --- /dev/null +++ b/samples/inputs/select/group/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Group feature using [Select](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/select/group +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/select/header/ReadMe.md b/samples/inputs/select/header/ReadMe.md new file mode 100644 index 0000000000..270ffa74d8 --- /dev/null +++ b/samples/inputs/select/header/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Header feature using [Select](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/select/header +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/select/item/ReadMe.md b/samples/inputs/select/item/ReadMe.md new file mode 100644 index 0000000000..c4e99bf7c1 --- /dev/null +++ b/samples/inputs/select/item/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Item feature using [Select](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/select/item +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/select/overview/ReadMe.md b/samples/inputs/select/overview/ReadMe.md new file mode 100644 index 0000000000..a8c080b1ad --- /dev/null +++ b/samples/inputs/select/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Select](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/select/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/select/styling/ReadMe.md b/samples/inputs/select/styling/ReadMe.md new file mode 100644 index 0000000000..bef30d3a00 --- /dev/null +++ b/samples/inputs/select/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Select](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/select/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/constraints/ReadMe.md b/samples/inputs/slider/constraints/ReadMe.md new file mode 100644 index 0000000000..270878c07f --- /dev/null +++ b/samples/inputs/slider/constraints/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Constraints feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/slider/constraints +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/disabled/ReadMe.md b/samples/inputs/slider/disabled/ReadMe.md new file mode 100644 index 0000000000..3f9e26da59 --- /dev/null +++ b/samples/inputs/slider/disabled/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Disabled feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/slider/disabled +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/discrete/ReadMe.md b/samples/inputs/slider/discrete/ReadMe.md new file mode 100644 index 0000000000..ee9e8729c1 --- /dev/null +++ b/samples/inputs/slider/discrete/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Discrete feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/slider/discrete +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/labels/ReadMe.md b/samples/inputs/slider/labels/ReadMe.md new file mode 100644 index 0000000000..bb0bac8f9e --- /dev/null +++ b/samples/inputs/slider/labels/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Labels feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/slider/labels +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/overview/ReadMe.md b/samples/inputs/slider/overview/ReadMe.md new file mode 100644 index 0000000000..465660d0c1 --- /dev/null +++ b/samples/inputs/slider/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/slider/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/styling/ReadMe.md b/samples/inputs/slider/styling/ReadMe.md new file mode 100644 index 0000000000..9b85b80cca --- /dev/null +++ b/samples/inputs/slider/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/slider/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/tick-labels/ReadMe.md b/samples/inputs/slider/tick-labels/ReadMe.md new file mode 100644 index 0000000000..200ead4df6 --- /dev/null +++ b/samples/inputs/slider/tick-labels/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Tick Labels feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/slider/tick-labels +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/ticks/ReadMe.md b/samples/inputs/slider/ticks/ReadMe.md new file mode 100644 index 0000000000..59ae13ace2 --- /dev/null +++ b/samples/inputs/slider/ticks/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Ticks feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/slider/ticks +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/value-format/ReadMe.md b/samples/inputs/slider/value-format/ReadMe.md new file mode 100644 index 0000000000..2b093d5f5e --- /dev/null +++ b/samples/inputs/slider/value-format/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Value Format feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/slider/value-format +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/value/ReadMe.md b/samples/inputs/slider/value/ReadMe.md new file mode 100644 index 0000000000..eefea8f3c5 --- /dev/null +++ b/samples/inputs/slider/value/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Value feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/slider/value +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/switches/checking/ReadMe.md b/samples/inputs/switches/checking/ReadMe.md new file mode 100644 index 0000000000..153418b125 --- /dev/null +++ b/samples/inputs/switches/checking/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Checking feature using [Switches](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/switches/checking +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/switches/disabled/ReadMe.md b/samples/inputs/switches/disabled/ReadMe.md new file mode 100644 index 0000000000..56386cfa5e --- /dev/null +++ b/samples/inputs/switches/disabled/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Disabled feature using [Switches](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/switches/disabled +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/switches/label/ReadMe.md b/samples/inputs/switches/label/ReadMe.md new file mode 100644 index 0000000000..28c1413d94 --- /dev/null +++ b/samples/inputs/switches/label/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Label feature using [Switches](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/switches/label +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/switches/overview/ReadMe.md b/samples/inputs/switches/overview/ReadMe.md new file mode 100644 index 0000000000..33a6d0803a --- /dev/null +++ b/samples/inputs/switches/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Switches](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/switches/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/textarea/form-integration/ReadMe.md b/samples/inputs/textarea/form-integration/ReadMe.md new file mode 100644 index 0000000000..2d3602a00b --- /dev/null +++ b/samples/inputs/textarea/form-integration/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Form Integration feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/textarea/form-integration +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/textarea/overview/ReadMe.md b/samples/inputs/textarea/overview/ReadMe.md new file mode 100644 index 0000000000..6d1339281e --- /dev/null +++ b/samples/inputs/textarea/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/textarea/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/textarea/resize/ReadMe.md b/samples/inputs/textarea/resize/ReadMe.md new file mode 100644 index 0000000000..1a4ed1e4a4 --- /dev/null +++ b/samples/inputs/textarea/resize/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Resize feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/textarea/resize +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/textarea/slots/ReadMe.md b/samples/inputs/textarea/slots/ReadMe.md new file mode 100644 index 0000000000..679f132327 --- /dev/null +++ b/samples/inputs/textarea/slots/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Slots feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/textarea/slots +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/textarea/styling/ReadMe.md b/samples/inputs/textarea/styling/ReadMe.md new file mode 100644 index 0000000000..2a9fb5cd61 --- /dev/null +++ b/samples/inputs/textarea/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/textarea/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/advanced/ReadMe.md b/samples/inputs/tooltip/advanced/ReadMe.md new file mode 100644 index 0000000000..1404f08077 --- /dev/null +++ b/samples/inputs/tooltip/advanced/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Advanced feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/tooltip/advanced +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/overview/ReadMe.md b/samples/inputs/tooltip/overview/ReadMe.md new file mode 100644 index 0000000000..83f1d2be3c --- /dev/null +++ b/samples/inputs/tooltip/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/tooltip/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/placement/ReadMe.md b/samples/inputs/tooltip/placement/ReadMe.md new file mode 100644 index 0000000000..b62869fa9e --- /dev/null +++ b/samples/inputs/tooltip/placement/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Placement feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/tooltip/placement +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/rich/ReadMe.md b/samples/inputs/tooltip/rich/ReadMe.md new file mode 100644 index 0000000000..b2ea6efe23 --- /dev/null +++ b/samples/inputs/tooltip/rich/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Rich feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/tooltip/rich +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/styling/ReadMe.md b/samples/inputs/tooltip/styling/ReadMe.md new file mode 100644 index 0000000000..d5eec4d20e --- /dev/null +++ b/samples/inputs/tooltip/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/tooltip/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/triggers/ReadMe.md b/samples/inputs/tooltip/triggers/ReadMe.md new file mode 100644 index 0000000000..702c1e86b7 --- /dev/null +++ b/samples/inputs/tooltip/triggers/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Triggers feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/inputs/tooltip/triggers +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/interactions/chat/features/ReadMe.md b/samples/interactions/chat/features/ReadMe.md new file mode 100644 index 0000000000..0ebf76fe7f --- /dev/null +++ b/samples/interactions/chat/features/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Features feature using [Chat](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/interactions/chat/features +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/interactions/chat/overview/ReadMe.md b/samples/interactions/chat/overview/ReadMe.md new file mode 100644 index 0000000000..4a3c2cd4f8 --- /dev/null +++ b/samples/interactions/chat/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Chat](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/interactions/chat/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/interactions/chat/styling/ReadMe.md b/samples/interactions/chat/styling/ReadMe.md new file mode 100644 index 0000000000..2e27363ea7 --- /dev/null +++ b/samples/interactions/chat/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Chat](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/interactions/chat/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/accordion/customization/ReadMe.md b/samples/layouts/accordion/customization/ReadMe.md new file mode 100644 index 0000000000..ea370884d5 --- /dev/null +++ b/samples/layouts/accordion/customization/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Customization feature using [Accordion](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/accordion/customization +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/accordion/nested-scenario/ReadMe.md b/samples/layouts/accordion/nested-scenario/ReadMe.md new file mode 100644 index 0000000000..f3b25af3be --- /dev/null +++ b/samples/layouts/accordion/nested-scenario/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Nested Scenario feature using [Accordion](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/accordion/nested-scenario +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/accordion/overview/ReadMe.md b/samples/layouts/accordion/overview/ReadMe.md new file mode 100644 index 0000000000..52fbd79d37 --- /dev/null +++ b/samples/layouts/accordion/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Accordion](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/accordion/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/icon/ReadMe.md b/samples/layouts/avatar/icon/ReadMe.md new file mode 100644 index 0000000000..28318bb2fb --- /dev/null +++ b/samples/layouts/avatar/icon/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Icon feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/avatar/icon +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/image/ReadMe.md b/samples/layouts/avatar/image/ReadMe.md new file mode 100644 index 0000000000..6b4f88cf73 --- /dev/null +++ b/samples/layouts/avatar/image/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Image feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/avatar/image +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/initials/ReadMe.md b/samples/layouts/avatar/initials/ReadMe.md new file mode 100644 index 0000000000..417127de59 --- /dev/null +++ b/samples/layouts/avatar/initials/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Initials feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/avatar/initials +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/shape/ReadMe.md b/samples/layouts/avatar/shape/ReadMe.md new file mode 100644 index 0000000000..8edc44b397 --- /dev/null +++ b/samples/layouts/avatar/shape/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Shape feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/avatar/shape +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/size/ReadMe.md b/samples/layouts/avatar/size/ReadMe.md new file mode 100644 index 0000000000..dc651ffd9c --- /dev/null +++ b/samples/layouts/avatar/size/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Size feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/avatar/size +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/styling/ReadMe.md b/samples/layouts/avatar/styling/ReadMe.md new file mode 100644 index 0000000000..fdd144568d --- /dev/null +++ b/samples/layouts/avatar/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/avatar/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/card/horizontal/ReadMe.md b/samples/layouts/card/horizontal/ReadMe.md new file mode 100644 index 0000000000..609481bcf5 --- /dev/null +++ b/samples/layouts/card/horizontal/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Horizontal feature using [Card](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/card/horizontal +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/card/overview/ReadMe.md b/samples/layouts/card/overview/ReadMe.md new file mode 100644 index 0000000000..f5aa98d707 --- /dev/null +++ b/samples/layouts/card/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Card](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/card/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/card/semi-horizontal/ReadMe.md b/samples/layouts/card/semi-horizontal/ReadMe.md new file mode 100644 index 0000000000..8bc53e6a54 --- /dev/null +++ b/samples/layouts/card/semi-horizontal/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Semi Horizontal feature using [Card](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/card/semi-horizontal +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/card/styling/ReadMe.md b/samples/layouts/card/styling/ReadMe.md new file mode 100644 index 0000000000..fcf41721ae --- /dev/null +++ b/samples/layouts/card/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Card](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/card/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/carousel/animations/ReadMe.md b/samples/layouts/carousel/animations/ReadMe.md new file mode 100644 index 0000000000..5b302681a2 --- /dev/null +++ b/samples/layouts/carousel/animations/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Animations feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/carousel/animations +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/carousel/components/ReadMe.md b/samples/layouts/carousel/components/ReadMe.md new file mode 100644 index 0000000000..37ab14abd8 --- /dev/null +++ b/samples/layouts/carousel/components/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Components feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/carousel/components +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/carousel/overview/ReadMe.md b/samples/layouts/carousel/overview/ReadMe.md new file mode 100644 index 0000000000..880c17763d --- /dev/null +++ b/samples/layouts/carousel/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/carousel/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/carousel/thumbnail/ReadMe.md b/samples/layouts/carousel/thumbnail/ReadMe.md new file mode 100644 index 0000000000..c71a8e0a83 --- /dev/null +++ b/samples/layouts/carousel/thumbnail/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Thumbnail feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/carousel/thumbnail +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/divider/dashed/ReadMe.md b/samples/layouts/divider/dashed/ReadMe.md new file mode 100644 index 0000000000..9b2143344a --- /dev/null +++ b/samples/layouts/divider/dashed/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Dashed feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/divider/dashed +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/divider/middle/ReadMe.md b/samples/layouts/divider/middle/ReadMe.md new file mode 100644 index 0000000000..cbd45aab52 --- /dev/null +++ b/samples/layouts/divider/middle/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Middle feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/divider/middle +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/divider/overview/ReadMe.md b/samples/layouts/divider/overview/ReadMe.md new file mode 100644 index 0000000000..40d0a6ef85 --- /dev/null +++ b/samples/layouts/divider/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/divider/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/divider/select/ReadMe.md b/samples/layouts/divider/select/ReadMe.md new file mode 100644 index 0000000000..0fc576ec86 --- /dev/null +++ b/samples/layouts/divider/select/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Select feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/divider/select +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/divider/vertical/ReadMe.md b/samples/layouts/divider/vertical/ReadMe.md new file mode 100644 index 0000000000..83fe30db4c --- /dev/null +++ b/samples/layouts/divider/vertical/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Vertical feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/divider/vertical +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/dock-manager/customize-buttons/ReadMe.md b/samples/layouts/dock-manager/customize-buttons/ReadMe.md new file mode 100644 index 0000000000..3664a97d0e --- /dev/null +++ b/samples/layouts/dock-manager/customize-buttons/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Customize Buttons feature using [Dock Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/dock-manager/customize-buttons +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/dock-manager/embedding-frames/ReadMe.md b/samples/layouts/dock-manager/embedding-frames/ReadMe.md new file mode 100644 index 0000000000..90c0897437 --- /dev/null +++ b/samples/layouts/dock-manager/embedding-frames/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Embedding Frames feature using [Dock Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/dock-manager/embedding-frames +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/dock-manager/overview/ReadMe.md b/samples/layouts/dock-manager/overview/ReadMe.md new file mode 100644 index 0000000000..33c0588956 --- /dev/null +++ b/samples/layouts/dock-manager/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Dock Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/dock-manager/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/dock-manager/styling/ReadMe.md b/samples/layouts/dock-manager/styling/ReadMe.md new file mode 100644 index 0000000000..2b247999bf --- /dev/null +++ b/samples/layouts/dock-manager/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Dock Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/dock-manager/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/dock-manager/updating-panes/ReadMe.md b/samples/layouts/dock-manager/updating-panes/ReadMe.md new file mode 100644 index 0000000000..2a8f4e7f0d --- /dev/null +++ b/samples/layouts/dock-manager/updating-panes/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Updating Panes feature using [Dock Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/dock-manager/updating-panes +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/expansion-panel/component-customization/ReadMe.md b/samples/layouts/expansion-panel/component-customization/ReadMe.md new file mode 100644 index 0000000000..4e61a32d9d --- /dev/null +++ b/samples/layouts/expansion-panel/component-customization/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Component Customization feature using [Expansion Panel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/expansion-panel/component-customization +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/expansion-panel/properties-and-events/ReadMe.md b/samples/layouts/expansion-panel/properties-and-events/ReadMe.md new file mode 100644 index 0000000000..009c0b20ab --- /dev/null +++ b/samples/layouts/expansion-panel/properties-and-events/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Properties And Events feature using [Expansion Panel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/expansion-panel/properties-and-events +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/expansion-panel/styling/ReadMe.md b/samples/layouts/expansion-panel/styling/ReadMe.md new file mode 100644 index 0000000000..85e3929c91 --- /dev/null +++ b/samples/layouts/expansion-panel/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Expansion Panel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/expansion-panel/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/expansion-panel/usage/ReadMe.md b/samples/layouts/expansion-panel/usage/ReadMe.md new file mode 100644 index 0000000000..94ef8b9d65 --- /dev/null +++ b/samples/layouts/expansion-panel/usage/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Usage feature using [Expansion Panel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/expansion-panel/usage +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/icon/sizing/ReadMe.md b/samples/layouts/icon/sizing/ReadMe.md new file mode 100644 index 0000000000..18072b30e6 --- /dev/null +++ b/samples/layouts/icon/sizing/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Sizing feature using [Icon](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/icon/sizing +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/icon/styling/ReadMe.md b/samples/layouts/icon/styling/ReadMe.md new file mode 100644 index 0000000000..3287956731 --- /dev/null +++ b/samples/layouts/icon/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Icon](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/icon/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/stepper/animations/ReadMe.md b/samples/layouts/stepper/animations/ReadMe.md new file mode 100644 index 0000000000..bbf0b6fa20 --- /dev/null +++ b/samples/layouts/stepper/animations/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Animations feature using [Stepper](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/stepper/animations +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/stepper/linear/ReadMe.md b/samples/layouts/stepper/linear/ReadMe.md new file mode 100644 index 0000000000..e4ccf0256f --- /dev/null +++ b/samples/layouts/stepper/linear/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Linear feature using [Stepper](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/stepper/linear +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/stepper/orientation/ReadMe.md b/samples/layouts/stepper/orientation/ReadMe.md new file mode 100644 index 0000000000..8a79a14c8b --- /dev/null +++ b/samples/layouts/stepper/orientation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Orientation feature using [Stepper](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/stepper/orientation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/stepper/steptypes/ReadMe.md b/samples/layouts/stepper/steptypes/ReadMe.md new file mode 100644 index 0000000000..e2163226ca --- /dev/null +++ b/samples/layouts/stepper/steptypes/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Steptypes feature using [Stepper](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/stepper/steptypes +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/stepper/styling/ReadMe.md b/samples/layouts/stepper/styling/ReadMe.md new file mode 100644 index 0000000000..adea9449e6 --- /dev/null +++ b/samples/layouts/stepper/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Stepper](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/stepper/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tabs/alignment/ReadMe.md b/samples/layouts/tabs/alignment/ReadMe.md new file mode 100644 index 0000000000..930bdff1fd --- /dev/null +++ b/samples/layouts/tabs/alignment/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Alignment feature using [Tabs](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/tabs/alignment +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tabs/overview/ReadMe.md b/samples/layouts/tabs/overview/ReadMe.md new file mode 100644 index 0000000000..7806245a1b --- /dev/null +++ b/samples/layouts/tabs/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Tabs](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/tabs/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tabs/prefix-suffix/ReadMe.md b/samples/layouts/tabs/prefix-suffix/ReadMe.md new file mode 100644 index 0000000000..294ff5e044 --- /dev/null +++ b/samples/layouts/tabs/prefix-suffix/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Prefix Suffix feature using [Tabs](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/tabs/prefix-suffix +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tabs/scrolling/ReadMe.md b/samples/layouts/tabs/scrolling/ReadMe.md new file mode 100644 index 0000000000..0de0188dff --- /dev/null +++ b/samples/layouts/tabs/scrolling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Scrolling feature using [Tabs](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/tabs/scrolling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/actions/ReadMe.md b/samples/layouts/tile-manager/actions/ReadMe.md new file mode 100644 index 0000000000..0463c0f1f6 --- /dev/null +++ b/samples/layouts/tile-manager/actions/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Actions feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/tile-manager/actions +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/columngap/ReadMe.md b/samples/layouts/tile-manager/columngap/ReadMe.md new file mode 100644 index 0000000000..0f8b9e3c49 --- /dev/null +++ b/samples/layouts/tile-manager/columngap/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Columngap feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/tile-manager/columngap +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/dragndrop/ReadMe.md b/samples/layouts/tile-manager/dragndrop/ReadMe.md new file mode 100644 index 0000000000..6d48193c1d --- /dev/null +++ b/samples/layouts/tile-manager/dragndrop/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Dragndrop feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/tile-manager/dragndrop +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/layout/ReadMe.md b/samples/layouts/tile-manager/layout/ReadMe.md new file mode 100644 index 0000000000..baaedc94cb --- /dev/null +++ b/samples/layouts/tile-manager/layout/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Layout feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/tile-manager/layout +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/overview/ReadMe.md b/samples/layouts/tile-manager/overview/ReadMe.md new file mode 100644 index 0000000000..49fa70bfa4 --- /dev/null +++ b/samples/layouts/tile-manager/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/tile-manager/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/resize/ReadMe.md b/samples/layouts/tile-manager/resize/ReadMe.md new file mode 100644 index 0000000000..0b276d6015 --- /dev/null +++ b/samples/layouts/tile-manager/resize/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Resize feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/tile-manager/resize +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/styling/ReadMe.md b/samples/layouts/tile-manager/styling/ReadMe.md new file mode 100644 index 0000000000..6b863f3f06 --- /dev/null +++ b/samples/layouts/tile-manager/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/layouts/tile-manager/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-data-csv/ReadMe.md b/samples/maps/geo-map/binding-data-csv/ReadMe.md new file mode 100644 index 0000000000..15ba3af482 --- /dev/null +++ b/samples/maps/geo-map/binding-data-csv/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Data Csv feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/binding-data-csv +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-data-json-points/ReadMe.md b/samples/maps/geo-map/binding-data-json-points/ReadMe.md new file mode 100644 index 0000000000..284246c555 --- /dev/null +++ b/samples/maps/geo-map/binding-data-json-points/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Data Json Points feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/binding-data-json-points +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-data-json-shapes/ReadMe.md b/samples/maps/geo-map/binding-data-json-shapes/ReadMe.md new file mode 100644 index 0000000000..352839cd1f --- /dev/null +++ b/samples/maps/geo-map/binding-data-json-shapes/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Data Json Shapes feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/binding-data-json-shapes +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-data-model/ReadMe.md b/samples/maps/geo-map/binding-data-model/ReadMe.md new file mode 100644 index 0000000000..eb4155e2bc --- /dev/null +++ b/samples/maps/geo-map/binding-data-model/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Data Model feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/binding-data-model +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-multiple-shapes/ReadMe.md b/samples/maps/geo-map/binding-multiple-shapes/ReadMe.md new file mode 100644 index 0000000000..e3b9bca7cd --- /dev/null +++ b/samples/maps/geo-map/binding-multiple-shapes/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Multiple Shapes feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/binding-multiple-shapes +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-multiple-sources/ReadMe.md b/samples/maps/geo-map/binding-multiple-sources/ReadMe.md new file mode 100644 index 0000000000..8edb6ad0a7 --- /dev/null +++ b/samples/maps/geo-map/binding-multiple-sources/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Multiple Sources feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/binding-multiple-sources +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-shp-points/ReadMe.md b/samples/maps/geo-map/binding-shp-points/ReadMe.md new file mode 100644 index 0000000000..c5efd4e85b --- /dev/null +++ b/samples/maps/geo-map/binding-shp-points/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Shp Points feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/binding-shp-points +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-shp-polygons/ReadMe.md b/samples/maps/geo-map/binding-shp-polygons/ReadMe.md new file mode 100644 index 0000000000..55024f7a11 --- /dev/null +++ b/samples/maps/geo-map/binding-shp-polygons/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Shp Polygons feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/binding-shp-polygons +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-shp-polylines/ReadMe.md b/samples/maps/geo-map/binding-shp-polylines/ReadMe.md new file mode 100644 index 0000000000..eb1e54680f --- /dev/null +++ b/samples/maps/geo-map/binding-shp-polylines/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Binding Shp Polylines feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/binding-shp-polylines +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/custom-tooltips/ReadMe.md b/samples/maps/geo-map/custom-tooltips/ReadMe.md new file mode 100644 index 0000000000..801dd8c623 --- /dev/null +++ b/samples/maps/geo-map/custom-tooltips/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Custom Tooltips feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/custom-tooltips +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-all-imagery/ReadMe.md b/samples/maps/geo-map/display-all-imagery/ReadMe.md new file mode 100644 index 0000000000..a729b8a83a --- /dev/null +++ b/samples/maps/geo-map/display-all-imagery/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Display All Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/display-all-imagery +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-azure-imagery/ReadMe.md b/samples/maps/geo-map/display-azure-imagery/ReadMe.md new file mode 100644 index 0000000000..d2dc0bef00 --- /dev/null +++ b/samples/maps/geo-map/display-azure-imagery/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Display Azure Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/display-azure-imagery +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-bing-imagery/ReadMe.md b/samples/maps/geo-map/display-bing-imagery/ReadMe.md new file mode 100644 index 0000000000..ba2090c097 --- /dev/null +++ b/samples/maps/geo-map/display-bing-imagery/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Display Bing Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/display-bing-imagery +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-custom-imagery/ReadMe.md b/samples/maps/geo-map/display-custom-imagery/ReadMe.md new file mode 100644 index 0000000000..477a1921ed --- /dev/null +++ b/samples/maps/geo-map/display-custom-imagery/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Display Custom Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/display-custom-imagery +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-esri-imagery/ReadMe.md b/samples/maps/geo-map/display-esri-imagery/ReadMe.md new file mode 100644 index 0000000000..f0035366ef --- /dev/null +++ b/samples/maps/geo-map/display-esri-imagery/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Display Esri Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/display-esri-imagery +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-heat-imagery/ReadMe.md b/samples/maps/geo-map/display-heat-imagery/ReadMe.md new file mode 100644 index 0000000000..415582f393 --- /dev/null +++ b/samples/maps/geo-map/display-heat-imagery/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Display Heat Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/display-heat-imagery +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-osm-imagery/ReadMe.md b/samples/maps/geo-map/display-osm-imagery/ReadMe.md new file mode 100644 index 0000000000..dab15785c8 --- /dev/null +++ b/samples/maps/geo-map/display-osm-imagery/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Display Osm Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/display-osm-imagery +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/marker-layouts/ReadMe.md b/samples/maps/geo-map/marker-layouts/ReadMe.md new file mode 100644 index 0000000000..c5fe5c4b53 --- /dev/null +++ b/samples/maps/geo-map/marker-layouts/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Marker Layouts feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/marker-layouts +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/marker-template/ReadMe.md b/samples/maps/geo-map/marker-template/ReadMe.md new file mode 100644 index 0000000000..8f9ec3a7ee --- /dev/null +++ b/samples/maps/geo-map/marker-template/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Marker Template feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/marker-template +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/marker-type/ReadMe.md b/samples/maps/geo-map/marker-type/ReadMe.md new file mode 100644 index 0000000000..dc6981995a --- /dev/null +++ b/samples/maps/geo-map/marker-type/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Marker Type feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/marker-type +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/nav-grid/ReadMe.md b/samples/maps/geo-map/nav-grid/ReadMe.md new file mode 100644 index 0000000000..685edbd272 --- /dev/null +++ b/samples/maps/geo-map/nav-grid/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Nav Grid feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/nav-grid +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/navigation/ReadMe.md b/samples/maps/geo-map/navigation/ReadMe.md new file mode 100644 index 0000000000..b5da7d36c0 --- /dev/null +++ b/samples/maps/geo-map/navigation/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Navigation feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/navigation +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/overview/ReadMe.md b/samples/maps/geo-map/overview/ReadMe.md new file mode 100644 index 0000000000..ee57d5f0a8 --- /dev/null +++ b/samples/maps/geo-map/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/shape-selection/ReadMe.md b/samples/maps/geo-map/shape-selection/ReadMe.md new file mode 100644 index 0000000000..2b953998a2 --- /dev/null +++ b/samples/maps/geo-map/shape-selection/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Shape Selection feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/shape-selection +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/shape-styling/ReadMe.md b/samples/maps/geo-map/shape-styling/ReadMe.md new file mode 100644 index 0000000000..e9ff44e606 --- /dev/null +++ b/samples/maps/geo-map/shape-styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Shape Styling feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/shape-styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/synchronization/ReadMe.md b/samples/maps/geo-map/synchronization/ReadMe.md new file mode 100644 index 0000000000..d07c224dfa --- /dev/null +++ b/samples/maps/geo-map/synchronization/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Synchronization feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/synchronization +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/triangulating-data/ReadMe.md b/samples/maps/geo-map/triangulating-data/ReadMe.md new file mode 100644 index 0000000000..09933df881 --- /dev/null +++ b/samples/maps/geo-map/triangulating-data/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Triangulating Data feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/triangulating-data +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-scatter-area-series/ReadMe.md b/samples/maps/geo-map/type-scatter-area-series/ReadMe.md new file mode 100644 index 0000000000..64534e4f27 --- /dev/null +++ b/samples/maps/geo-map/type-scatter-area-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Area Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/type-scatter-area-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-scatter-bubble-series/ReadMe.md b/samples/maps/geo-map/type-scatter-bubble-series/ReadMe.md new file mode 100644 index 0000000000..9128eef1e2 --- /dev/null +++ b/samples/maps/geo-map/type-scatter-bubble-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Bubble Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/type-scatter-bubble-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-scatter-contour-series/ReadMe.md b/samples/maps/geo-map/type-scatter-contour-series/ReadMe.md new file mode 100644 index 0000000000..7145a493d6 --- /dev/null +++ b/samples/maps/geo-map/type-scatter-contour-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Contour Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/type-scatter-contour-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-scatter-density-series/ReadMe.md b/samples/maps/geo-map/type-scatter-density-series/ReadMe.md new file mode 100644 index 0000000000..c4ade2b287 --- /dev/null +++ b/samples/maps/geo-map/type-scatter-density-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Density Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/type-scatter-density-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-scatter-symbol-series/ReadMe.md b/samples/maps/geo-map/type-scatter-symbol-series/ReadMe.md new file mode 100644 index 0000000000..2b987b6404 --- /dev/null +++ b/samples/maps/geo-map/type-scatter-symbol-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Scatter Symbol Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/type-scatter-symbol-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-shape-polygon-series/ReadMe.md b/samples/maps/geo-map/type-shape-polygon-series/ReadMe.md new file mode 100644 index 0000000000..2067ab091a --- /dev/null +++ b/samples/maps/geo-map/type-shape-polygon-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Shape Polygon Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/type-shape-polygon-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-shape-polyline-series/ReadMe.md b/samples/maps/geo-map/type-shape-polyline-series/ReadMe.md new file mode 100644 index 0000000000..dc77f1f717 --- /dev/null +++ b/samples/maps/geo-map/type-shape-polyline-series/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Type Shape Polyline Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/maps/geo-map/type-shape-polyline-series +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-bar/overview/ReadMe.md b/samples/menus/nav-bar/overview/ReadMe.md new file mode 100644 index 0000000000..bce371b488 --- /dev/null +++ b/samples/menus/nav-bar/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Nav Bar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/menus/nav-bar/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-bar/styling/ReadMe.md b/samples/menus/nav-bar/styling/ReadMe.md new file mode 100644 index 0000000000..f6351092c4 --- /dev/null +++ b/samples/menus/nav-bar/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Nav Bar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/menus/nav-bar/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-drawer/add-drawer-items/ReadMe.md b/samples/menus/nav-drawer/add-drawer-items/ReadMe.md new file mode 100644 index 0000000000..9d08428fe8 --- /dev/null +++ b/samples/menus/nav-drawer/add-drawer-items/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Add Drawer Items feature using [Nav Drawer](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/menus/nav-drawer/add-drawer-items +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-drawer/add-mini/ReadMe.md b/samples/menus/nav-drawer/add-mini/ReadMe.md new file mode 100644 index 0000000000..5f498f21eb --- /dev/null +++ b/samples/menus/nav-drawer/add-mini/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Add Mini feature using [Nav Drawer](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/menus/nav-drawer/add-mini +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-drawer/add-positions-navbar/ReadMe.md b/samples/menus/nav-drawer/add-positions-navbar/ReadMe.md new file mode 100644 index 0000000000..770ed24c20 --- /dev/null +++ b/samples/menus/nav-drawer/add-positions-navbar/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Add Positions Navbar feature using [Nav Drawer](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/menus/nav-drawer/add-positions-navbar +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-drawer/styling/ReadMe.md b/samples/menus/nav-drawer/styling/ReadMe.md new file mode 100644 index 0000000000..147bb7a3b5 --- /dev/null +++ b/samples/menus/nav-drawer/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Nav Drawer](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/menus/nav-drawer/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/banner/banner-advanced-sample/ReadMe.md b/samples/notifications/banner/banner-advanced-sample/ReadMe.md new file mode 100644 index 0000000000..9d8d79cffc --- /dev/null +++ b/samples/notifications/banner/banner-advanced-sample/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Advanced Sample feature using [Banner](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/banner/banner-advanced-sample +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/banner/banner-sample-1/ReadMe.md b/samples/notifications/banner/banner-sample-1/ReadMe.md new file mode 100644 index 0000000000..3571d7396b --- /dev/null +++ b/samples/notifications/banner/banner-sample-1/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Sample1 feature using [Banner](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/banner/banner-sample-1 +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/banner/banner-sample-2/ReadMe.md b/samples/notifications/banner/banner-sample-2/ReadMe.md new file mode 100644 index 0000000000..867274dcdd --- /dev/null +++ b/samples/notifications/banner/banner-sample-2/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Sample2 feature using [Banner](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/banner/banner-sample-2 +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/banner/banner-styling/ReadMe.md b/samples/notifications/banner/banner-styling/ReadMe.md new file mode 100644 index 0000000000..be137c04e1 --- /dev/null +++ b/samples/notifications/banner/banner-styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Banner](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/banner/banner-styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/dialog/closing-variations/ReadMe.md b/samples/notifications/dialog/closing-variations/ReadMe.md new file mode 100644 index 0000000000..70cb7bc84b --- /dev/null +++ b/samples/notifications/dialog/closing-variations/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Closing Variations feature using [Dialog](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/dialog/closing-variations +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/dialog/form/ReadMe.md b/samples/notifications/dialog/form/ReadMe.md new file mode 100644 index 0000000000..a6d7ebefd0 --- /dev/null +++ b/samples/notifications/dialog/form/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Form feature using [Dialog](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/dialog/form +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/dialog/overview/ReadMe.md b/samples/notifications/dialog/overview/ReadMe.md new file mode 100644 index 0000000000..824bd01570 --- /dev/null +++ b/samples/notifications/dialog/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Dialog](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/dialog/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/dialog/styling/ReadMe.md b/samples/notifications/dialog/styling/ReadMe.md new file mode 100644 index 0000000000..f2980bf85f --- /dev/null +++ b/samples/notifications/dialog/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Dialog](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/dialog/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/snackbar/action-text/ReadMe.md b/samples/notifications/snackbar/action-text/ReadMe.md new file mode 100644 index 0000000000..82009aeb09 --- /dev/null +++ b/samples/notifications/snackbar/action-text/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Action Text feature using [Snackbar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/snackbar/action-text +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/snackbar/display-time/ReadMe.md b/samples/notifications/snackbar/display-time/ReadMe.md new file mode 100644 index 0000000000..e199f9c66c --- /dev/null +++ b/samples/notifications/snackbar/display-time/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Display Time feature using [Snackbar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/snackbar/display-time +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/snackbar/overview/ReadMe.md b/samples/notifications/snackbar/overview/ReadMe.md new file mode 100644 index 0000000000..7f51f95f4d --- /dev/null +++ b/samples/notifications/snackbar/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Snackbar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/snackbar/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/snackbar/styling/ReadMe.md b/samples/notifications/snackbar/styling/ReadMe.md new file mode 100644 index 0000000000..e68f92ea88 --- /dev/null +++ b/samples/notifications/snackbar/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Snackbar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/snackbar/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/toast/overview/ReadMe.md b/samples/notifications/toast/overview/ReadMe.md new file mode 100644 index 0000000000..9e9853bc00 --- /dev/null +++ b/samples/notifications/toast/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Toast](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/toast/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/toast/properties/ReadMe.md b/samples/notifications/toast/properties/ReadMe.md new file mode 100644 index 0000000000..2c2bdc18e5 --- /dev/null +++ b/samples/notifications/toast/properties/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Properties feature using [Toast](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/toast/properties +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/toast/styling/ReadMe.md b/samples/notifications/toast/styling/ReadMe.md new file mode 100644 index 0000000000..95b38a409f --- /dev/null +++ b/samples/notifications/toast/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Toast](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/notifications/toast/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/disabled-dates/ReadMe.md b/samples/scheduling/calendar/disabled-dates/ReadMe.md new file mode 100644 index 0000000000..2d4b709074 --- /dev/null +++ b/samples/scheduling/calendar/disabled-dates/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Disabled Dates feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/calendar/disabled-dates +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/formatting/ReadMe.md b/samples/scheduling/calendar/formatting/ReadMe.md new file mode 100644 index 0000000000..a46f0e5d68 --- /dev/null +++ b/samples/scheduling/calendar/formatting/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Formatting feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/calendar/formatting +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/header/ReadMe.md b/samples/scheduling/calendar/header/ReadMe.md new file mode 100644 index 0000000000..0bf2479b39 --- /dev/null +++ b/samples/scheduling/calendar/header/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Header feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/calendar/header +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/multiple-months/ReadMe.md b/samples/scheduling/calendar/multiple-months/ReadMe.md new file mode 100644 index 0000000000..8a10e27297 --- /dev/null +++ b/samples/scheduling/calendar/multiple-months/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Multiple Months feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/calendar/multiple-months +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/multiple-selection/ReadMe.md b/samples/scheduling/calendar/multiple-selection/ReadMe.md new file mode 100644 index 0000000000..a8a5c6d53e --- /dev/null +++ b/samples/scheduling/calendar/multiple-selection/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Multiple Selection feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/calendar/multiple-selection +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/overview/ReadMe.md b/samples/scheduling/calendar/overview/ReadMe.md new file mode 100644 index 0000000000..5f4fd62697 --- /dev/null +++ b/samples/scheduling/calendar/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/calendar/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/range-selection/ReadMe.md b/samples/scheduling/calendar/range-selection/ReadMe.md new file mode 100644 index 0000000000..eb9b022046 --- /dev/null +++ b/samples/scheduling/calendar/range-selection/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Range Selection feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/calendar/range-selection +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/size/ReadMe.md b/samples/scheduling/calendar/size/ReadMe.md new file mode 100644 index 0000000000..7d726a3060 --- /dev/null +++ b/samples/scheduling/calendar/size/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Size feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/calendar/size +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/special-dates/ReadMe.md b/samples/scheduling/calendar/special-dates/ReadMe.md new file mode 100644 index 0000000000..7034e5cca6 --- /dev/null +++ b/samples/scheduling/calendar/special-dates/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Special Dates feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/calendar/special-dates +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/styling/ReadMe.md b/samples/scheduling/calendar/styling/ReadMe.md new file mode 100644 index 0000000000..575dd0e8a4 --- /dev/null +++ b/samples/scheduling/calendar/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/calendar/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/week-numbers/ReadMe.md b/samples/scheduling/calendar/week-numbers/ReadMe.md new file mode 100644 index 0000000000..3207eda854 --- /dev/null +++ b/samples/scheduling/calendar/week-numbers/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Week Numbers feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/calendar/week-numbers +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-picker/dialog-mode/ReadMe.md b/samples/scheduling/date-picker/dialog-mode/ReadMe.md new file mode 100644 index 0000000000..6586913a26 --- /dev/null +++ b/samples/scheduling/date-picker/dialog-mode/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Dialog Mode feature using [Date Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/date-picker/dialog-mode +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-picker/form/ReadMe.md b/samples/scheduling/date-picker/form/ReadMe.md new file mode 100644 index 0000000000..e2e3edebff --- /dev/null +++ b/samples/scheduling/date-picker/form/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Form feature using [Date Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/date-picker/form +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-picker/format/ReadMe.md b/samples/scheduling/date-picker/format/ReadMe.md new file mode 100644 index 0000000000..b76b15455f --- /dev/null +++ b/samples/scheduling/date-picker/format/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Format feature using [Date Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/date-picker/format +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-picker/overview/ReadMe.md b/samples/scheduling/date-picker/overview/ReadMe.md new file mode 100644 index 0000000000..135d8b6ae8 --- /dev/null +++ b/samples/scheduling/date-picker/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Date Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/date-picker/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-picker/styling/ReadMe.md b/samples/scheduling/date-picker/styling/ReadMe.md new file mode 100644 index 0000000000..810d156845 --- /dev/null +++ b/samples/scheduling/date-picker/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling feature using [Date Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/date-picker/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-range-picker/custom-ranges/ReadMe.md b/samples/scheduling/date-range-picker/custom-ranges/ReadMe.md new file mode 100644 index 0000000000..caa84285b7 --- /dev/null +++ b/samples/scheduling/date-range-picker/custom-ranges/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Date Range Picker Custom Ranges feature using [Date Range-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/date-range-picker/custom-ranges +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-range-picker/form/ReadMe.md b/samples/scheduling/date-range-picker/form/ReadMe.md new file mode 100644 index 0000000000..bcb1ffa372 --- /dev/null +++ b/samples/scheduling/date-range-picker/form/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Date Range Picker Form feature using [Date Range-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/date-range-picker/form +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-range-picker/overview/ReadMe.md b/samples/scheduling/date-range-picker/overview/ReadMe.md new file mode 100644 index 0000000000..776b419a26 --- /dev/null +++ b/samples/scheduling/date-range-picker/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Date Range Picker Overview feature using [Date Range-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/date-range-picker/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-range-picker/slots/ReadMe.md b/samples/scheduling/date-range-picker/slots/ReadMe.md new file mode 100644 index 0000000000..307007f226 --- /dev/null +++ b/samples/scheduling/date-range-picker/slots/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Date Range Picker Slots feature using [Date Range-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/date-range-picker/slots +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-range-picker/styling/ReadMe.md b/samples/scheduling/date-range-picker/styling/ReadMe.md new file mode 100644 index 0000000000..ca7d94a63b --- /dev/null +++ b/samples/scheduling/date-range-picker/styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Date Range Picker Styling feature using [Date Range-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/scheduling/date-range-picker/styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). From b686507e70f363b0c8c5f42f177db4ee9af22f72 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Fri, 21 Nov 2025 18:54:42 +0000 Subject: [PATCH 4/7] Remove all ReadMe.md files generated by gulp task Co-authored-by: ChronosSF <2188411+ChronosSF@users.noreply.github.com> --- .../category-chart/annotations/ReadMe.md | 56 ------------------- .../category-chart/axis-options/ReadMe.md | 56 ------------------- .../category-chart/axis-overlap/ReadMe.md | 56 ------------------- .../category-chart/axis-range/ReadMe.md | 56 ------------------- .../column-chart-with-highlighting/ReadMe.md | 56 ------------------- .../column-chart-with-tooltips/ReadMe.md | 56 ------------------- .../category-chart/high-frequency/ReadMe.md | 56 ------------------- .../category-chart/high-volume/ReadMe.md | 56 ------------------- .../category-chart/highlighting/ReadMe.md | 56 ------------------- .../line-chart-multiple-sources/ReadMe.md | 56 ------------------- .../line-chart-single-source/ReadMe.md | 56 ------------------- .../line-chart-styling/ReadMe.md | 56 ------------------- .../line-chart-with-animations/ReadMe.md | 56 ------------------- .../line-chart-with-annotations/ReadMe.md | 56 ------------------- .../category-chart/marker-options/ReadMe.md | 56 ------------------- .../category-chart/marker-templates/ReadMe.md | 56 ------------------- .../charts/category-chart/overview/ReadMe.md | 56 ------------------- .../category-chart/stack-columns/ReadMe.md | 56 ------------------- .../category-chart/tooltip-template/ReadMe.md | 56 ------------------- .../category-chart/tooltip-types/ReadMe.md | 56 ------------------- .../charts/category-chart/trendline/ReadMe.md | 56 ------------------- .../data-chart/axis-annotations/ReadMe.md | 56 ------------------- .../charts/data-chart/axis-crossing/ReadMe.md | 56 ------------------- .../data-chart/axis-locations/ReadMe.md | 56 ------------------- .../charts/data-chart/axis-settings/ReadMe.md | 56 ------------------- .../charts/data-chart/axis-sharing/ReadMe.md | 56 ------------------- .../charts/data-chart/axis-types/ReadMe.md | 56 ------------------- .../data-chart/chart-navigation/ReadMe.md | 56 ------------------- .../data-chart/chart-overview/ReadMe.md | 56 ------------------- .../data-chart/chart-performance/ReadMe.md | 56 ------------------- .../chart-synchronization/ReadMe.md | 56 ------------------- .../charts/data-chart/chart-titles/ReadMe.md | 56 ------------------- .../data-chart/composite-chart/ReadMe.md | 56 ------------------- .../crosshair-layer-styling/ReadMe.md | 56 ------------------- .../custom-drawing-annotations/ReadMe.md | 56 ------------------- .../data-chart/custom-editing-data/ReadMe.md | 56 ------------------- .../final-value-layer-styling/ReadMe.md | 56 ------------------- samples/charts/data-chart/legends/ReadMe.md | 56 ------------------- .../data-chart/polar-area-chart/ReadMe.md | 56 ------------------- .../data-chart/polar-chart-types/ReadMe.md | 56 ------------------- .../data-chart/polar-line-chart/ReadMe.md | 56 ------------------- .../data-chart/polar-scatter-chart/ReadMe.md | 56 ------------------- .../polar-spline-area-chart/ReadMe.md | 56 ------------------- .../data-chart/polar-spline-chart/ReadMe.md | 56 ------------------- .../data-chart/radial-area-chart/ReadMe.md | 56 ------------------- .../data-chart/radial-chart-types/ReadMe.md | 56 ------------------- .../data-chart/radial-column-chart/ReadMe.md | 56 ------------------- .../data-chart/radial-line-chart/ReadMe.md | 56 ------------------- .../data-chart/radial-pie-chart/ReadMe.md | 56 ------------------- .../data-chart/series-annotations/ReadMe.md | 56 ------------------- .../data-chart/series-highlighting/ReadMe.md | 56 ------------------- .../series-marker-template/ReadMe.md | 56 ------------------- .../data-chart/series-markers/ReadMe.md | 56 ------------------- .../data-chart/series-tooltips/ReadMe.md | 56 ------------------- .../data-chart/series-trendlines/ReadMe.md | 56 ------------------- .../data-chart/series-value-overlay/ReadMe.md | 56 ------------------- .../data-chart/stacked-chart-types/ReadMe.md | 56 ------------------- .../data-chart/tooltip-template/ReadMe.md | 56 ------------------- .../ReadMe.md | 56 ------------------- .../ReadMe.md | 56 ------------------- .../type-financial-indicators-line/ReadMe.md | 56 ------------------- .../type-financial-ohlc-series/ReadMe.md | 56 ------------------- .../type-financial-overlays/ReadMe.md | 56 ------------------- .../type-financial-series/ReadMe.md | 56 ------------------- .../type-range-area-series/ReadMe.md | 56 ------------------- .../type-range-column-series/ReadMe.md | 56 ------------------- .../data-chart/type-range-series/ReadMe.md | 56 ------------------- .../type-scatter-area-series/ReadMe.md | 56 ------------------- .../type-scatter-bubble-series/ReadMe.md | 56 ------------------- .../type-scatter-contour-series/ReadMe.md | 56 ------------------- .../type-scatter-hd-series/ReadMe.md | 56 ------------------- .../type-scatter-polygon-series/ReadMe.md | 56 ------------------- .../type-scatter-polyline-series/ReadMe.md | 56 ------------------- .../data-chart/type-scatter-series/ReadMe.md | 56 ------------------- .../data-chart/type-shape-series/ReadMe.md | 56 ------------------- .../user-annotation-layer/ReadMe.md | 56 ------------------- .../charts/doughnut-chart/animation/ReadMe.md | 56 ------------------- .../charts/doughnut-chart/explosion/ReadMe.md | 56 ------------------- .../charts/doughnut-chart/legend/ReadMe.md | 56 ------------------- .../charts/doughnut-chart/overview/ReadMe.md | 56 ------------------- samples/charts/doughnut-chart/rings/ReadMe.md | 56 ------------------- .../charts/doughnut-chart/selection/ReadMe.md | 56 ------------------- .../financial-chart/annotations/ReadMe.md | 56 ------------------- .../financial-chart/axis-types/ReadMe.md | 56 ------------------- .../financial-chart/high-frequency/ReadMe.md | 56 ------------------- .../financial-chart/high-volume/ReadMe.md | 56 ------------------- .../indicator-customization/ReadMe.md | 56 ------------------- .../financial-chart/indicator-types/ReadMe.md | 56 ------------------- .../financial-chart/multiple-data/ReadMe.md | 56 ------------------- .../charts/financial-chart/overview/ReadMe.md | 56 ------------------- .../charts/financial-chart/panes/ReadMe.md | 56 ------------------- .../financial-chart/performance/ReadMe.md | 56 ------------------- .../financial-chart/scrollbars/ReadMe.md | 56 ------------------- .../stock-index-chart/ReadMe.md | 56 ------------------- .../charts/financial-chart/styling/ReadMe.md | 56 ------------------- .../charts/financial-chart/titles/ReadMe.md | 56 ------------------- .../financial-chart/tooltip-types/ReadMe.md | 56 ------------------- .../financial-chart/trendlines/ReadMe.md | 56 ------------------- .../financial-chart/volume-types/ReadMe.md | 56 ------------------- samples/charts/pie-chart/animation/ReadMe.md | 56 ------------------- samples/charts/pie-chart/explosion/ReadMe.md | 56 ------------------- samples/charts/pie-chart/legend/ReadMe.md | 56 ------------------- samples/charts/pie-chart/others/ReadMe.md | 56 ------------------- samples/charts/pie-chart/overview/ReadMe.md | 56 ------------------- samples/charts/pie-chart/selection/ReadMe.md | 56 ------------------- .../charts/sparkline/display-types/ReadMe.md | 56 ------------------- samples/charts/sparkline/grid/ReadMe.md | 56 ------------------- samples/charts/sparkline/markers/ReadMe.md | 56 ------------------- .../charts/sparkline/normal-range/ReadMe.md | 56 ------------------- samples/charts/sparkline/trendlines/ReadMe.md | 56 ------------------- .../charts/sparkline/unknown-values/ReadMe.md | 56 ------------------- samples/charts/tree-map/events/ReadMe.md | 56 ------------------- samples/charts/tree-map/overview/ReadMe.md | 56 ------------------- samples/charts/zoomslider/overview/ReadMe.md | 56 ------------------- .../multi-column-combobox/overview/ReadMe.md | 56 ------------------- .../x-date-picker/date-limits/ReadMe.md | 56 ------------------- .../editors/x-date-picker/editing/ReadMe.md | 56 ------------------- .../editors/x-date-picker/format/ReadMe.md | 56 ------------------- .../editors/x-date-picker/overview/ReadMe.md | 56 ------------------- samples/editors/x-date-picker/range/ReadMe.md | 56 ------------------- .../operations-on-workbooks/ReadMe.md | 56 ------------------- .../operations-on-worksheets/ReadMe.md | 56 ------------------- .../excel/excel-library/overview/ReadMe.md | 56 ------------------- .../working-with-cells/ReadMe.md | 56 ------------------- .../working-with-charts/ReadMe.md | 56 ------------------- .../working-with-sparklines/ReadMe.md | 56 ------------------- .../excel/spreadsheet/activation/ReadMe.md | 56 ------------------- .../excel/spreadsheet/adapter-chart/ReadMe.md | 56 ------------------- .../excel/spreadsheet/adapter-combo/ReadMe.md | 56 ------------------- samples/excel/spreadsheet/clipboard/ReadMe.md | 56 ------------------- samples/excel/spreadsheet/commands/ReadMe.md | 56 ------------------- .../conditional-formatting/ReadMe.md | 56 ------------------- .../spreadsheet/config-options/ReadMe.md | 56 ------------------- .../spreadsheet/data-validation/ReadMe.md | 56 ------------------- .../excel/spreadsheet/filter-dialog/ReadMe.md | 56 ------------------- .../excel/spreadsheet/format-dialog/ReadMe.md | 56 ------------------- .../excel/spreadsheet/hyperlinks/ReadMe.md | 56 ------------------- samples/excel/spreadsheet/overview/ReadMe.md | 56 ------------------- .../excel/spreadsheet/sort-dialog/ReadMe.md | 56 ------------------- .../gauges/bullet-graph/animation/ReadMe.md | 56 ------------------- .../gauges/bullet-graph/background/ReadMe.md | 56 ------------------- .../bullet-graph/highlight-needle/ReadMe.md | 56 ------------------- samples/gauges/bullet-graph/labels/ReadMe.md | 56 ------------------- .../gauges/bullet-graph/measures/ReadMe.md | 56 ------------------- samples/gauges/bullet-graph/ranges/ReadMe.md | 56 ------------------- samples/gauges/bullet-graph/scale/ReadMe.md | 56 ------------------- .../gauges/bullet-graph/tickmarks/ReadMe.md | 56 ------------------- .../gauges/bullet-graph/type-filled/ReadMe.md | 56 ------------------- .../bullet-graph/type-horizontal/ReadMe.md | 56 ------------------- .../bullet-graph/type-reversed/ReadMe.md | 56 ------------------- .../bullet-graph/type-segmented/ReadMe.md | 56 ------------------- .../bullet-graph/type-vertical/ReadMe.md | 56 ------------------- .../gauges/linear-gauge/animation/ReadMe.md | 56 ------------------- samples/gauges/linear-gauge/backing/ReadMe.md | 56 ------------------- .../linear-gauge/highlight-needle/ReadMe.md | 56 ------------------- samples/gauges/linear-gauge/labels/ReadMe.md | 56 ------------------- samples/gauges/linear-gauge/needle/ReadMe.md | 56 ------------------- samples/gauges/linear-gauge/ranges/ReadMe.md | 56 ------------------- samples/gauges/linear-gauge/scale/ReadMe.md | 56 ------------------- .../gauges/linear-gauge/tickmarks/ReadMe.md | 56 ------------------- .../gauges/linear-gauge/type-curved/ReadMe.md | 56 ------------------- .../gauges/linear-gauge/type-filled/ReadMe.md | 56 ------------------- .../linear-gauge/type-horizontal/ReadMe.md | 56 ------------------- .../linear-gauge/type-multi-range/ReadMe.md | 56 ------------------- .../linear-gauge/type-multi-scale/ReadMe.md | 56 ------------------- .../linear-gauge/type-segmented/ReadMe.md | 56 ------------------- .../linear-gauge/type-vertical/ReadMe.md | 56 ------------------- .../gauges/radial-gauge/animation/ReadMe.md | 56 ------------------- samples/gauges/radial-gauge/backing/ReadMe.md | 56 ------------------- .../radial-gauge/highlight-needle/ReadMe.md | 56 ------------------- samples/gauges/radial-gauge/labels/ReadMe.md | 56 ------------------- samples/gauges/radial-gauge/needle/ReadMe.md | 56 ------------------- .../radial-gauge/optical-scaling/ReadMe.md | 56 ------------------- samples/gauges/radial-gauge/ranges/ReadMe.md | 56 ------------------- samples/gauges/radial-gauge/scale/ReadMe.md | 56 ------------------- .../gauges/radial-gauge/tickmarks/ReadMe.md | 56 ------------------- .../gauges/radial-gauge/type-column/ReadMe.md | 56 ------------------- .../gauges/radial-gauge/type-curved/ReadMe.md | 56 ------------------- .../radial-gauge/type-direction/ReadMe.md | 56 ------------------- .../gauges/radial-gauge/type-full/ReadMe.md | 56 ------------------- .../gauges/radial-gauge/type-half/ReadMe.md | 56 ------------------- .../gauges/radial-gauge/type-quatre/ReadMe.md | 56 ------------------- .../gauges/radial-gauge/type-ring/ReadMe.md | 56 ------------------- .../radial-gauge/type-segmented/ReadMe.md | 56 ------------------- .../gauges/radial-gauge/type-semi/ReadMe.md | 56 ------------------- .../grids/data-grid/accessibility/ReadMe.md | 56 ------------------- .../data-grid/binding-data-service/ReadMe.md | 56 ------------------- .../data-grid/binding-live-data/ReadMe.md | 56 ------------------- .../data-grid/binding-local-data/ReadMe.md | 56 ------------------- .../data-grid/binding-remote-data/ReadMe.md | 56 ------------------- .../grids/data-grid/cell-activation/ReadMe.md | 56 ------------------- .../grids/data-grid/cell-editing/ReadMe.md | 56 ------------------- .../grids/data-grid/cell-merging/ReadMe.md | 56 ------------------- .../grids/data-grid/cell-selection/ReadMe.md | 56 ------------------- .../data-grid/column-animation/ReadMe.md | 56 ------------------- .../data-grid/column-chooser-picker/ReadMe.md | 56 ------------------- .../column-chooser-toolbar/ReadMe.md | 56 ------------------- .../column-filter-expressions/ReadMe.md | 56 ------------------- .../column-filter-operands/ReadMe.md | 56 ------------------- .../data-grid/column-filtering/ReadMe.md | 56 ------------------- .../grids/data-grid/column-moving/ReadMe.md | 56 ------------------- .../grids/data-grid/column-options/ReadMe.md | 56 ------------------- .../data-grid/column-pinning-picker/ReadMe.md | 56 ------------------- .../column-pinning-toolbar/ReadMe.md | 56 ------------------- .../grids/data-grid/column-resizing/ReadMe.md | 56 ------------------- .../data-grid/column-scrolling/ReadMe.md | 56 ------------------- .../grids/data-grid/column-sorting/ReadMe.md | 56 ------------------- .../data-grid/column-summaries/ReadMe.md | 56 ------------------- .../grids/data-grid/column-types/ReadMe.md | 56 ------------------- .../data-grid/load-save-layout/ReadMe.md | 56 ------------------- .../grids/data-grid/localization/ReadMe.md | 56 ------------------- samples/grids/data-grid/overview/ReadMe.md | 56 ------------------- samples/grids/data-grid/pager/ReadMe.md | 56 ------------------- samples/grids/data-grid/performance/ReadMe.md | 56 ------------------- .../row-group-descriptions/ReadMe.md | 56 ------------------- .../grids/data-grid/row-grouping/ReadMe.md | 56 ------------------- .../data-grid/row-highlighting/ReadMe.md | 56 ------------------- samples/grids/data-grid/row-paging/ReadMe.md | 56 ------------------- samples/grids/data-grid/row-pinning/ReadMe.md | 56 ------------------- .../grids/data-grid/row-selection/ReadMe.md | 56 ------------------- .../data-grid/type-comparison-table/ReadMe.md | 56 ------------------- .../data-grid/type-heatmap-table/ReadMe.md | 56 ------------------- .../data-grid/type-marketing-table/ReadMe.md | 56 ------------------- .../data-grid/type-matrix-table/ReadMe.md | 56 ------------------- .../data-grid/type-periodic-table/ReadMe.md | 56 ------------------- .../grid-lite/column-config-basic/ReadMe.md | 56 ------------------- .../grid-lite/column-config-dynamic/ReadMe.md | 56 ------------------- .../grid-lite/column-config-headers/ReadMe.md | 56 ------------------- .../grids/grid-lite/data-binding/ReadMe.md | 56 ------------------- .../filtering-config-events/ReadMe.md | 56 ------------------- .../filtering-config-remote/ReadMe.md | 56 ------------------- .../grid-lite/filtering-config/ReadMe.md | 56 ------------------- samples/grids/grid-lite/overview/ReadMe.md | 56 ------------------- .../grid-lite/sort-config-events/ReadMe.md | 56 ------------------- .../grid-lite/sort-config-grid/ReadMe.md | 56 ------------------- .../grid-lite/sort-config-pipeline/ReadMe.md | 56 ------------------- .../grid-lite/sort-config-sample/ReadMe.md | 56 ------------------- .../grid-lite/styling-custom-theme/ReadMe.md | 56 ------------------- samples/grids/list/add-list-items/ReadMe.md | 56 ------------------- .../grids/list/list-item-content/ReadMe.md | 56 ------------------- samples/grids/list/overview/ReadMe.md | 56 ------------------- samples/grids/list/styling/ReadMe.md | 56 ------------------- samples/grids/tree/basic-example/ReadMe.md | 56 ------------------- samples/inputs/badge/outlined/ReadMe.md | 56 ------------------- samples/inputs/badge/shape/ReadMe.md | 56 ------------------- samples/inputs/badge/variants/ReadMe.md | 56 ------------------- .../inputs/button-group/alignment/ReadMe.md | 56 ------------------- .../inputs/button-group/overview/ReadMe.md | 56 ------------------- .../inputs/button-group/selection/ReadMe.md | 56 ------------------- samples/inputs/button-group/size/ReadMe.md | 56 ------------------- samples/inputs/button-group/styling/ReadMe.md | 56 ------------------- samples/inputs/button/contained/ReadMe.md | 56 ------------------- samples/inputs/button/download/ReadMe.md | 56 ------------------- samples/inputs/button/fab/ReadMe.md | 56 ------------------- samples/inputs/button/flat/ReadMe.md | 56 ------------------- samples/inputs/button/outlined/ReadMe.md | 56 ------------------- samples/inputs/button/overview/ReadMe.md | 56 ------------------- samples/inputs/button/size/ReadMe.md | 56 ------------------- samples/inputs/button/styling/ReadMe.md | 56 ------------------- samples/inputs/checkbox/checking/ReadMe.md | 56 ------------------- samples/inputs/checkbox/disabled/ReadMe.md | 56 ------------------- .../inputs/checkbox/indeterminate/ReadMe.md | 56 ------------------- samples/inputs/checkbox/label/ReadMe.md | 56 ------------------- samples/inputs/checkbox/overview/ReadMe.md | 56 ------------------- samples/inputs/chip/multiple/ReadMe.md | 56 ------------------- samples/inputs/chip/overview/ReadMe.md | 56 ------------------- samples/inputs/chip/size/ReadMe.md | 56 ------------------- samples/inputs/chip/styling/ReadMe.md | 56 ------------------- samples/inputs/chip/variants/ReadMe.md | 56 ------------------- .../dynamic/ReadMe.md | 56 ------------------- .../indeterminate/ReadMe.md | 56 ------------------- .../simple/ReadMe.md | 56 ------------------- .../styling/ReadMe.md | 56 ------------------- samples/inputs/combo/features/ReadMe.md | 56 ------------------- samples/inputs/combo/overview/ReadMe.md | 56 ------------------- samples/inputs/combo/selection/ReadMe.md | 56 ------------------- samples/inputs/combo/simplified/ReadMe.md | 56 ------------------- samples/inputs/combo/styling/ReadMe.md | 56 ------------------- samples/inputs/combo/templates/ReadMe.md | 56 ------------------- .../input-format-display-format/ReadMe.md | 56 ------------------- .../date-time-input/min-max-value/ReadMe.md | 56 ------------------- .../inputs/date-time-input/overview/ReadMe.md | 56 ------------------- .../date-time-input/step-up-down/ReadMe.md | 56 ------------------- samples/inputs/dropdown/group/ReadMe.md | 56 ------------------- samples/inputs/dropdown/header/ReadMe.md | 56 ------------------- samples/inputs/dropdown/item/ReadMe.md | 56 ------------------- samples/inputs/dropdown/overview/ReadMe.md | 56 ------------------- samples/inputs/dropdown/position/ReadMe.md | 56 ------------------- samples/inputs/dropdown/styling/ReadMe.md | 56 ------------------- samples/inputs/dropdown/target/ReadMe.md | 56 ------------------- samples/inputs/icon-button/size/ReadMe.md | 56 ------------------- samples/inputs/icon-button/styling/ReadMe.md | 56 ------------------- samples/inputs/icon-button/variant/ReadMe.md | 56 ------------------- samples/inputs/input/helper-text/ReadMe.md | 56 ------------------- samples/inputs/input/overview/ReadMe.md | 56 ------------------- samples/inputs/input/prefix-suffix/ReadMe.md | 56 ------------------- samples/inputs/input/size/ReadMe.md | 56 ------------------- samples/inputs/input/styling/ReadMe.md | 56 ------------------- .../dynamic/ReadMe.md | 56 ------------------- .../simple/ReadMe.md | 56 ------------------- .../striped/ReadMe.md | 56 ------------------- .../styling/ReadMe.md | 56 ------------------- .../linear-progress-indicator/types/ReadMe.md | 56 ------------------- .../inputs/mask-input/applying-mask/ReadMe.md | 56 ------------------- samples/inputs/mask-input/overview/ReadMe.md | 56 ------------------- .../inputs/mask-input/value-modes/ReadMe.md | 56 ------------------- samples/inputs/radio/alignment/ReadMe.md | 56 ------------------- samples/inputs/radio/disabled/ReadMe.md | 56 ------------------- samples/inputs/radio/group/ReadMe.md | 56 ------------------- samples/inputs/radio/invalid/ReadMe.md | 56 ------------------- samples/inputs/radio/label/ReadMe.md | 56 ------------------- samples/inputs/radio/styling/ReadMe.md | 56 ------------------- samples/inputs/rating/basic/ReadMe.md | 56 ------------------- samples/inputs/rating/custom/ReadMe.md | 56 ------------------- samples/inputs/rating/empty/ReadMe.md | 56 ------------------- .../inputs/rating/single-selection/ReadMe.md | 56 ------------------- samples/inputs/rating/styling/ReadMe.md | 56 ------------------- samples/inputs/ripple/button/ReadMe.md | 56 ------------------- samples/inputs/ripple/color/ReadMe.md | 56 ------------------- samples/inputs/select/group/ReadMe.md | 56 ------------------- samples/inputs/select/header/ReadMe.md | 56 ------------------- samples/inputs/select/item/ReadMe.md | 56 ------------------- samples/inputs/select/overview/ReadMe.md | 56 ------------------- samples/inputs/select/styling/ReadMe.md | 56 ------------------- samples/inputs/slider/constraints/ReadMe.md | 56 ------------------- samples/inputs/slider/disabled/ReadMe.md | 56 ------------------- samples/inputs/slider/discrete/ReadMe.md | 56 ------------------- samples/inputs/slider/labels/ReadMe.md | 56 ------------------- samples/inputs/slider/overview/ReadMe.md | 56 ------------------- samples/inputs/slider/styling/ReadMe.md | 56 ------------------- samples/inputs/slider/tick-labels/ReadMe.md | 56 ------------------- samples/inputs/slider/ticks/ReadMe.md | 56 ------------------- samples/inputs/slider/value-format/ReadMe.md | 56 ------------------- samples/inputs/slider/value/ReadMe.md | 56 ------------------- samples/inputs/switches/checking/ReadMe.md | 56 ------------------- samples/inputs/switches/disabled/ReadMe.md | 56 ------------------- samples/inputs/switches/label/ReadMe.md | 56 ------------------- samples/inputs/switches/overview/ReadMe.md | 56 ------------------- .../textarea/form-integration/ReadMe.md | 56 ------------------- samples/inputs/textarea/overview/ReadMe.md | 56 ------------------- samples/inputs/textarea/resize/ReadMe.md | 56 ------------------- samples/inputs/textarea/slots/ReadMe.md | 56 ------------------- samples/inputs/textarea/styling/ReadMe.md | 56 ------------------- samples/inputs/tooltip/advanced/ReadMe.md | 56 ------------------- samples/inputs/tooltip/overview/ReadMe.md | 56 ------------------- samples/inputs/tooltip/placement/ReadMe.md | 56 ------------------- samples/inputs/tooltip/rich/ReadMe.md | 56 ------------------- samples/inputs/tooltip/styling/ReadMe.md | 56 ------------------- samples/inputs/tooltip/triggers/ReadMe.md | 56 ------------------- samples/interactions/chat/features/ReadMe.md | 56 ------------------- samples/interactions/chat/overview/ReadMe.md | 56 ------------------- samples/interactions/chat/styling/ReadMe.md | 56 ------------------- .../layouts/accordion/customization/ReadMe.md | 56 ------------------- .../accordion/nested-scenario/ReadMe.md | 56 ------------------- samples/layouts/accordion/overview/ReadMe.md | 56 ------------------- samples/layouts/avatar/icon/ReadMe.md | 56 ------------------- samples/layouts/avatar/image/ReadMe.md | 56 ------------------- samples/layouts/avatar/initials/ReadMe.md | 56 ------------------- samples/layouts/avatar/shape/ReadMe.md | 56 ------------------- samples/layouts/avatar/size/ReadMe.md | 56 ------------------- samples/layouts/avatar/styling/ReadMe.md | 56 ------------------- samples/layouts/card/horizontal/ReadMe.md | 56 ------------------- samples/layouts/card/overview/ReadMe.md | 56 ------------------- .../layouts/card/semi-horizontal/ReadMe.md | 56 ------------------- samples/layouts/card/styling/ReadMe.md | 56 ------------------- samples/layouts/carousel/animations/ReadMe.md | 56 ------------------- samples/layouts/carousel/components/ReadMe.md | 56 ------------------- samples/layouts/carousel/overview/ReadMe.md | 56 ------------------- samples/layouts/carousel/thumbnail/ReadMe.md | 56 ------------------- samples/layouts/divider/dashed/ReadMe.md | 56 ------------------- samples/layouts/divider/middle/ReadMe.md | 56 ------------------- samples/layouts/divider/overview/ReadMe.md | 56 ------------------- samples/layouts/divider/select/ReadMe.md | 56 ------------------- samples/layouts/divider/vertical/ReadMe.md | 56 ------------------- .../dock-manager/customize-buttons/ReadMe.md | 56 ------------------- .../dock-manager/embedding-frames/ReadMe.md | 56 ------------------- .../layouts/dock-manager/overview/ReadMe.md | 56 ------------------- .../layouts/dock-manager/styling/ReadMe.md | 56 ------------------- .../dock-manager/updating-panes/ReadMe.md | 56 ------------------- .../component-customization/ReadMe.md | 56 ------------------- .../properties-and-events/ReadMe.md | 56 ------------------- .../layouts/expansion-panel/styling/ReadMe.md | 56 ------------------- .../layouts/expansion-panel/usage/ReadMe.md | 56 ------------------- samples/layouts/icon/sizing/ReadMe.md | 56 ------------------- samples/layouts/icon/styling/ReadMe.md | 56 ------------------- samples/layouts/stepper/animations/ReadMe.md | 56 ------------------- samples/layouts/stepper/linear/ReadMe.md | 56 ------------------- samples/layouts/stepper/orientation/ReadMe.md | 56 ------------------- samples/layouts/stepper/steptypes/ReadMe.md | 56 ------------------- samples/layouts/stepper/styling/ReadMe.md | 56 ------------------- samples/layouts/tabs/alignment/ReadMe.md | 56 ------------------- samples/layouts/tabs/overview/ReadMe.md | 56 ------------------- samples/layouts/tabs/prefix-suffix/ReadMe.md | 56 ------------------- samples/layouts/tabs/scrolling/ReadMe.md | 56 ------------------- .../layouts/tile-manager/actions/ReadMe.md | 56 ------------------- .../layouts/tile-manager/columngap/ReadMe.md | 56 ------------------- .../layouts/tile-manager/dragndrop/ReadMe.md | 56 ------------------- samples/layouts/tile-manager/layout/ReadMe.md | 56 ------------------- .../layouts/tile-manager/overview/ReadMe.md | 56 ------------------- samples/layouts/tile-manager/resize/ReadMe.md | 56 ------------------- .../layouts/tile-manager/styling/ReadMe.md | 56 ------------------- .../maps/geo-map/binding-data-csv/ReadMe.md | 56 ------------------- .../binding-data-json-points/ReadMe.md | 56 ------------------- .../binding-data-json-shapes/ReadMe.md | 56 ------------------- .../maps/geo-map/binding-data-model/ReadMe.md | 56 ------------------- .../geo-map/binding-multiple-shapes/ReadMe.md | 56 ------------------- .../binding-multiple-sources/ReadMe.md | 56 ------------------- .../maps/geo-map/binding-shp-points/ReadMe.md | 56 ------------------- .../geo-map/binding-shp-polygons/ReadMe.md | 56 ------------------- .../geo-map/binding-shp-polylines/ReadMe.md | 56 ------------------- .../maps/geo-map/custom-tooltips/ReadMe.md | 56 ------------------- .../geo-map/display-all-imagery/ReadMe.md | 56 ------------------- .../geo-map/display-azure-imagery/ReadMe.md | 56 ------------------- .../geo-map/display-bing-imagery/ReadMe.md | 56 ------------------- .../geo-map/display-custom-imagery/ReadMe.md | 56 ------------------- .../geo-map/display-esri-imagery/ReadMe.md | 56 ------------------- .../geo-map/display-heat-imagery/ReadMe.md | 56 ------------------- .../geo-map/display-osm-imagery/ReadMe.md | 56 ------------------- samples/maps/geo-map/marker-layouts/ReadMe.md | 56 ------------------- .../maps/geo-map/marker-template/ReadMe.md | 56 ------------------- samples/maps/geo-map/marker-type/ReadMe.md | 56 ------------------- samples/maps/geo-map/nav-grid/ReadMe.md | 56 ------------------- samples/maps/geo-map/navigation/ReadMe.md | 56 ------------------- samples/maps/geo-map/overview/ReadMe.md | 56 ------------------- .../maps/geo-map/shape-selection/ReadMe.md | 56 ------------------- samples/maps/geo-map/shape-styling/ReadMe.md | 56 ------------------- .../maps/geo-map/synchronization/ReadMe.md | 56 ------------------- .../maps/geo-map/triangulating-data/ReadMe.md | 56 ------------------- .../type-scatter-area-series/ReadMe.md | 56 ------------------- .../type-scatter-bubble-series/ReadMe.md | 56 ------------------- .../type-scatter-contour-series/ReadMe.md | 56 ------------------- .../type-scatter-density-series/ReadMe.md | 56 ------------------- .../type-scatter-symbol-series/ReadMe.md | 56 ------------------- .../type-shape-polygon-series/ReadMe.md | 56 ------------------- .../type-shape-polyline-series/ReadMe.md | 56 ------------------- samples/menus/nav-bar/overview/ReadMe.md | 56 ------------------- samples/menus/nav-bar/styling/ReadMe.md | 56 ------------------- .../nav-drawer/add-drawer-items/ReadMe.md | 56 ------------------- samples/menus/nav-drawer/add-mini/ReadMe.md | 56 ------------------- .../nav-drawer/add-positions-navbar/ReadMe.md | 56 ------------------- samples/menus/nav-drawer/styling/ReadMe.md | 56 ------------------- .../banner/banner-advanced-sample/ReadMe.md | 56 ------------------- .../banner/banner-sample-1/ReadMe.md | 56 ------------------- .../banner/banner-sample-2/ReadMe.md | 56 ------------------- .../banner/banner-styling/ReadMe.md | 56 ------------------- .../dialog/closing-variations/ReadMe.md | 56 ------------------- samples/notifications/dialog/form/ReadMe.md | 56 ------------------- .../notifications/dialog/overview/ReadMe.md | 56 ------------------- .../notifications/dialog/styling/ReadMe.md | 56 ------------------- .../snackbar/action-text/ReadMe.md | 56 ------------------- .../snackbar/display-time/ReadMe.md | 56 ------------------- .../notifications/snackbar/overview/ReadMe.md | 56 ------------------- .../notifications/snackbar/styling/ReadMe.md | 56 ------------------- .../notifications/toast/overview/ReadMe.md | 56 ------------------- .../notifications/toast/properties/ReadMe.md | 56 ------------------- samples/notifications/toast/styling/ReadMe.md | 56 ------------------- .../calendar/disabled-dates/ReadMe.md | 56 ------------------- .../scheduling/calendar/formatting/ReadMe.md | 56 ------------------- samples/scheduling/calendar/header/ReadMe.md | 56 ------------------- .../calendar/multiple-months/ReadMe.md | 56 ------------------- .../calendar/multiple-selection/ReadMe.md | 56 ------------------- .../scheduling/calendar/overview/ReadMe.md | 56 ------------------- .../calendar/range-selection/ReadMe.md | 56 ------------------- samples/scheduling/calendar/size/ReadMe.md | 56 ------------------- .../calendar/special-dates/ReadMe.md | 56 ------------------- samples/scheduling/calendar/styling/ReadMe.md | 56 ------------------- .../calendar/week-numbers/ReadMe.md | 56 ------------------- .../date-picker/dialog-mode/ReadMe.md | 56 ------------------- samples/scheduling/date-picker/form/ReadMe.md | 56 ------------------- .../scheduling/date-picker/format/ReadMe.md | 56 ------------------- .../scheduling/date-picker/overview/ReadMe.md | 56 ------------------- .../scheduling/date-picker/styling/ReadMe.md | 56 ------------------- .../date-range-picker/custom-ranges/ReadMe.md | 56 ------------------- .../date-range-picker/form/ReadMe.md | 56 ------------------- .../date-range-picker/overview/ReadMe.md | 56 ------------------- .../date-range-picker/slots/ReadMe.md | 56 ------------------- .../date-range-picker/styling/ReadMe.md | 56 ------------------- 477 files changed, 26712 deletions(-) delete mode 100644 samples/charts/category-chart/annotations/ReadMe.md delete mode 100644 samples/charts/category-chart/axis-options/ReadMe.md delete mode 100644 samples/charts/category-chart/axis-overlap/ReadMe.md delete mode 100644 samples/charts/category-chart/axis-range/ReadMe.md delete mode 100644 samples/charts/category-chart/column-chart-with-highlighting/ReadMe.md delete mode 100644 samples/charts/category-chart/column-chart-with-tooltips/ReadMe.md delete mode 100644 samples/charts/category-chart/high-frequency/ReadMe.md delete mode 100644 samples/charts/category-chart/high-volume/ReadMe.md delete mode 100644 samples/charts/category-chart/highlighting/ReadMe.md delete mode 100644 samples/charts/category-chart/line-chart-multiple-sources/ReadMe.md delete mode 100644 samples/charts/category-chart/line-chart-single-source/ReadMe.md delete mode 100644 samples/charts/category-chart/line-chart-styling/ReadMe.md delete mode 100644 samples/charts/category-chart/line-chart-with-animations/ReadMe.md delete mode 100644 samples/charts/category-chart/line-chart-with-annotations/ReadMe.md delete mode 100644 samples/charts/category-chart/marker-options/ReadMe.md delete mode 100644 samples/charts/category-chart/marker-templates/ReadMe.md delete mode 100644 samples/charts/category-chart/overview/ReadMe.md delete mode 100644 samples/charts/category-chart/stack-columns/ReadMe.md delete mode 100644 samples/charts/category-chart/tooltip-template/ReadMe.md delete mode 100644 samples/charts/category-chart/tooltip-types/ReadMe.md delete mode 100644 samples/charts/category-chart/trendline/ReadMe.md delete mode 100644 samples/charts/data-chart/axis-annotations/ReadMe.md delete mode 100644 samples/charts/data-chart/axis-crossing/ReadMe.md delete mode 100644 samples/charts/data-chart/axis-locations/ReadMe.md delete mode 100644 samples/charts/data-chart/axis-settings/ReadMe.md delete mode 100644 samples/charts/data-chart/axis-sharing/ReadMe.md delete mode 100644 samples/charts/data-chart/axis-types/ReadMe.md delete mode 100644 samples/charts/data-chart/chart-navigation/ReadMe.md delete mode 100644 samples/charts/data-chart/chart-overview/ReadMe.md delete mode 100644 samples/charts/data-chart/chart-performance/ReadMe.md delete mode 100644 samples/charts/data-chart/chart-synchronization/ReadMe.md delete mode 100644 samples/charts/data-chart/chart-titles/ReadMe.md delete mode 100644 samples/charts/data-chart/composite-chart/ReadMe.md delete mode 100644 samples/charts/data-chart/crosshair-layer-styling/ReadMe.md delete mode 100644 samples/charts/data-chart/custom-drawing-annotations/ReadMe.md delete mode 100644 samples/charts/data-chart/custom-editing-data/ReadMe.md delete mode 100644 samples/charts/data-chart/final-value-layer-styling/ReadMe.md delete mode 100644 samples/charts/data-chart/legends/ReadMe.md delete mode 100644 samples/charts/data-chart/polar-area-chart/ReadMe.md delete mode 100644 samples/charts/data-chart/polar-chart-types/ReadMe.md delete mode 100644 samples/charts/data-chart/polar-line-chart/ReadMe.md delete mode 100644 samples/charts/data-chart/polar-scatter-chart/ReadMe.md delete mode 100644 samples/charts/data-chart/polar-spline-area-chart/ReadMe.md delete mode 100644 samples/charts/data-chart/polar-spline-chart/ReadMe.md delete mode 100644 samples/charts/data-chart/radial-area-chart/ReadMe.md delete mode 100644 samples/charts/data-chart/radial-chart-types/ReadMe.md delete mode 100644 samples/charts/data-chart/radial-column-chart/ReadMe.md delete mode 100644 samples/charts/data-chart/radial-line-chart/ReadMe.md delete mode 100644 samples/charts/data-chart/radial-pie-chart/ReadMe.md delete mode 100644 samples/charts/data-chart/series-annotations/ReadMe.md delete mode 100644 samples/charts/data-chart/series-highlighting/ReadMe.md delete mode 100644 samples/charts/data-chart/series-marker-template/ReadMe.md delete mode 100644 samples/charts/data-chart/series-markers/ReadMe.md delete mode 100644 samples/charts/data-chart/series-tooltips/ReadMe.md delete mode 100644 samples/charts/data-chart/series-trendlines/ReadMe.md delete mode 100644 samples/charts/data-chart/series-value-overlay/ReadMe.md delete mode 100644 samples/charts/data-chart/stacked-chart-types/ReadMe.md delete mode 100644 samples/charts/data-chart/tooltip-template/ReadMe.md delete mode 100644 samples/charts/data-chart/type-financial-candlestick-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-financial-indicators-column/ReadMe.md delete mode 100644 samples/charts/data-chart/type-financial-indicators-line/ReadMe.md delete mode 100644 samples/charts/data-chart/type-financial-ohlc-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-financial-overlays/ReadMe.md delete mode 100644 samples/charts/data-chart/type-financial-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-range-area-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-range-column-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-range-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-scatter-area-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-scatter-bubble-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-scatter-contour-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-scatter-hd-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-scatter-polygon-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-scatter-polyline-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-scatter-series/ReadMe.md delete mode 100644 samples/charts/data-chart/type-shape-series/ReadMe.md delete mode 100644 samples/charts/data-chart/user-annotation-layer/ReadMe.md delete mode 100644 samples/charts/doughnut-chart/animation/ReadMe.md delete mode 100644 samples/charts/doughnut-chart/explosion/ReadMe.md delete mode 100644 samples/charts/doughnut-chart/legend/ReadMe.md delete mode 100644 samples/charts/doughnut-chart/overview/ReadMe.md delete mode 100644 samples/charts/doughnut-chart/rings/ReadMe.md delete mode 100644 samples/charts/doughnut-chart/selection/ReadMe.md delete mode 100644 samples/charts/financial-chart/annotations/ReadMe.md delete mode 100644 samples/charts/financial-chart/axis-types/ReadMe.md delete mode 100644 samples/charts/financial-chart/high-frequency/ReadMe.md delete mode 100644 samples/charts/financial-chart/high-volume/ReadMe.md delete mode 100644 samples/charts/financial-chart/indicator-customization/ReadMe.md delete mode 100644 samples/charts/financial-chart/indicator-types/ReadMe.md delete mode 100644 samples/charts/financial-chart/multiple-data/ReadMe.md delete mode 100644 samples/charts/financial-chart/overview/ReadMe.md delete mode 100644 samples/charts/financial-chart/panes/ReadMe.md delete mode 100644 samples/charts/financial-chart/performance/ReadMe.md delete mode 100644 samples/charts/financial-chart/scrollbars/ReadMe.md delete mode 100644 samples/charts/financial-chart/stock-index-chart/ReadMe.md delete mode 100644 samples/charts/financial-chart/styling/ReadMe.md delete mode 100644 samples/charts/financial-chart/titles/ReadMe.md delete mode 100644 samples/charts/financial-chart/tooltip-types/ReadMe.md delete mode 100644 samples/charts/financial-chart/trendlines/ReadMe.md delete mode 100644 samples/charts/financial-chart/volume-types/ReadMe.md delete mode 100644 samples/charts/pie-chart/animation/ReadMe.md delete mode 100644 samples/charts/pie-chart/explosion/ReadMe.md delete mode 100644 samples/charts/pie-chart/legend/ReadMe.md delete mode 100644 samples/charts/pie-chart/others/ReadMe.md delete mode 100644 samples/charts/pie-chart/overview/ReadMe.md delete mode 100644 samples/charts/pie-chart/selection/ReadMe.md delete mode 100644 samples/charts/sparkline/display-types/ReadMe.md delete mode 100644 samples/charts/sparkline/grid/ReadMe.md delete mode 100644 samples/charts/sparkline/markers/ReadMe.md delete mode 100644 samples/charts/sparkline/normal-range/ReadMe.md delete mode 100644 samples/charts/sparkline/trendlines/ReadMe.md delete mode 100644 samples/charts/sparkline/unknown-values/ReadMe.md delete mode 100644 samples/charts/tree-map/events/ReadMe.md delete mode 100644 samples/charts/tree-map/overview/ReadMe.md delete mode 100644 samples/charts/zoomslider/overview/ReadMe.md delete mode 100644 samples/editors/multi-column-combobox/overview/ReadMe.md delete mode 100644 samples/editors/x-date-picker/date-limits/ReadMe.md delete mode 100644 samples/editors/x-date-picker/editing/ReadMe.md delete mode 100644 samples/editors/x-date-picker/format/ReadMe.md delete mode 100644 samples/editors/x-date-picker/overview/ReadMe.md delete mode 100644 samples/editors/x-date-picker/range/ReadMe.md delete mode 100644 samples/excel/excel-library/operations-on-workbooks/ReadMe.md delete mode 100644 samples/excel/excel-library/operations-on-worksheets/ReadMe.md delete mode 100644 samples/excel/excel-library/overview/ReadMe.md delete mode 100644 samples/excel/excel-library/working-with-cells/ReadMe.md delete mode 100644 samples/excel/excel-library/working-with-charts/ReadMe.md delete mode 100644 samples/excel/excel-library/working-with-sparklines/ReadMe.md delete mode 100644 samples/excel/spreadsheet/activation/ReadMe.md delete mode 100644 samples/excel/spreadsheet/adapter-chart/ReadMe.md delete mode 100644 samples/excel/spreadsheet/adapter-combo/ReadMe.md delete mode 100644 samples/excel/spreadsheet/clipboard/ReadMe.md delete mode 100644 samples/excel/spreadsheet/commands/ReadMe.md delete mode 100644 samples/excel/spreadsheet/conditional-formatting/ReadMe.md delete mode 100644 samples/excel/spreadsheet/config-options/ReadMe.md delete mode 100644 samples/excel/spreadsheet/data-validation/ReadMe.md delete mode 100644 samples/excel/spreadsheet/filter-dialog/ReadMe.md delete mode 100644 samples/excel/spreadsheet/format-dialog/ReadMe.md delete mode 100644 samples/excel/spreadsheet/hyperlinks/ReadMe.md delete mode 100644 samples/excel/spreadsheet/overview/ReadMe.md delete mode 100644 samples/excel/spreadsheet/sort-dialog/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/animation/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/background/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/highlight-needle/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/labels/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/measures/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/ranges/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/scale/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/tickmarks/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/type-filled/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/type-horizontal/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/type-reversed/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/type-segmented/ReadMe.md delete mode 100644 samples/gauges/bullet-graph/type-vertical/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/animation/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/backing/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/highlight-needle/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/labels/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/needle/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/ranges/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/scale/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/tickmarks/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/type-curved/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/type-filled/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/type-horizontal/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/type-multi-range/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/type-multi-scale/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/type-segmented/ReadMe.md delete mode 100644 samples/gauges/linear-gauge/type-vertical/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/animation/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/backing/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/highlight-needle/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/labels/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/needle/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/optical-scaling/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/ranges/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/scale/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/tickmarks/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/type-column/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/type-curved/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/type-direction/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/type-full/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/type-half/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/type-quatre/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/type-ring/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/type-segmented/ReadMe.md delete mode 100644 samples/gauges/radial-gauge/type-semi/ReadMe.md delete mode 100644 samples/grids/data-grid/accessibility/ReadMe.md delete mode 100644 samples/grids/data-grid/binding-data-service/ReadMe.md delete mode 100644 samples/grids/data-grid/binding-live-data/ReadMe.md delete mode 100644 samples/grids/data-grid/binding-local-data/ReadMe.md delete mode 100644 samples/grids/data-grid/binding-remote-data/ReadMe.md delete mode 100644 samples/grids/data-grid/cell-activation/ReadMe.md delete mode 100644 samples/grids/data-grid/cell-editing/ReadMe.md delete mode 100644 samples/grids/data-grid/cell-merging/ReadMe.md delete mode 100644 samples/grids/data-grid/cell-selection/ReadMe.md delete mode 100644 samples/grids/data-grid/column-animation/ReadMe.md delete mode 100644 samples/grids/data-grid/column-chooser-picker/ReadMe.md delete mode 100644 samples/grids/data-grid/column-chooser-toolbar/ReadMe.md delete mode 100644 samples/grids/data-grid/column-filter-expressions/ReadMe.md delete mode 100644 samples/grids/data-grid/column-filter-operands/ReadMe.md delete mode 100644 samples/grids/data-grid/column-filtering/ReadMe.md delete mode 100644 samples/grids/data-grid/column-moving/ReadMe.md delete mode 100644 samples/grids/data-grid/column-options/ReadMe.md delete mode 100644 samples/grids/data-grid/column-pinning-picker/ReadMe.md delete mode 100644 samples/grids/data-grid/column-pinning-toolbar/ReadMe.md delete mode 100644 samples/grids/data-grid/column-resizing/ReadMe.md delete mode 100644 samples/grids/data-grid/column-scrolling/ReadMe.md delete mode 100644 samples/grids/data-grid/column-sorting/ReadMe.md delete mode 100644 samples/grids/data-grid/column-summaries/ReadMe.md delete mode 100644 samples/grids/data-grid/column-types/ReadMe.md delete mode 100644 samples/grids/data-grid/load-save-layout/ReadMe.md delete mode 100644 samples/grids/data-grid/localization/ReadMe.md delete mode 100644 samples/grids/data-grid/overview/ReadMe.md delete mode 100644 samples/grids/data-grid/pager/ReadMe.md delete mode 100644 samples/grids/data-grid/performance/ReadMe.md delete mode 100644 samples/grids/data-grid/row-group-descriptions/ReadMe.md delete mode 100644 samples/grids/data-grid/row-grouping/ReadMe.md delete mode 100644 samples/grids/data-grid/row-highlighting/ReadMe.md delete mode 100644 samples/grids/data-grid/row-paging/ReadMe.md delete mode 100644 samples/grids/data-grid/row-pinning/ReadMe.md delete mode 100644 samples/grids/data-grid/row-selection/ReadMe.md delete mode 100644 samples/grids/data-grid/type-comparison-table/ReadMe.md delete mode 100644 samples/grids/data-grid/type-heatmap-table/ReadMe.md delete mode 100644 samples/grids/data-grid/type-marketing-table/ReadMe.md delete mode 100644 samples/grids/data-grid/type-matrix-table/ReadMe.md delete mode 100644 samples/grids/data-grid/type-periodic-table/ReadMe.md delete mode 100644 samples/grids/grid-lite/column-config-basic/ReadMe.md delete mode 100644 samples/grids/grid-lite/column-config-dynamic/ReadMe.md delete mode 100644 samples/grids/grid-lite/column-config-headers/ReadMe.md delete mode 100644 samples/grids/grid-lite/data-binding/ReadMe.md delete mode 100644 samples/grids/grid-lite/filtering-config-events/ReadMe.md delete mode 100644 samples/grids/grid-lite/filtering-config-remote/ReadMe.md delete mode 100644 samples/grids/grid-lite/filtering-config/ReadMe.md delete mode 100644 samples/grids/grid-lite/overview/ReadMe.md delete mode 100644 samples/grids/grid-lite/sort-config-events/ReadMe.md delete mode 100644 samples/grids/grid-lite/sort-config-grid/ReadMe.md delete mode 100644 samples/grids/grid-lite/sort-config-pipeline/ReadMe.md delete mode 100644 samples/grids/grid-lite/sort-config-sample/ReadMe.md delete mode 100644 samples/grids/grid-lite/styling-custom-theme/ReadMe.md delete mode 100644 samples/grids/list/add-list-items/ReadMe.md delete mode 100644 samples/grids/list/list-item-content/ReadMe.md delete mode 100644 samples/grids/list/overview/ReadMe.md delete mode 100644 samples/grids/list/styling/ReadMe.md delete mode 100644 samples/grids/tree/basic-example/ReadMe.md delete mode 100644 samples/inputs/badge/outlined/ReadMe.md delete mode 100644 samples/inputs/badge/shape/ReadMe.md delete mode 100644 samples/inputs/badge/variants/ReadMe.md delete mode 100644 samples/inputs/button-group/alignment/ReadMe.md delete mode 100644 samples/inputs/button-group/overview/ReadMe.md delete mode 100644 samples/inputs/button-group/selection/ReadMe.md delete mode 100644 samples/inputs/button-group/size/ReadMe.md delete mode 100644 samples/inputs/button-group/styling/ReadMe.md delete mode 100644 samples/inputs/button/contained/ReadMe.md delete mode 100644 samples/inputs/button/download/ReadMe.md delete mode 100644 samples/inputs/button/fab/ReadMe.md delete mode 100644 samples/inputs/button/flat/ReadMe.md delete mode 100644 samples/inputs/button/outlined/ReadMe.md delete mode 100644 samples/inputs/button/overview/ReadMe.md delete mode 100644 samples/inputs/button/size/ReadMe.md delete mode 100644 samples/inputs/button/styling/ReadMe.md delete mode 100644 samples/inputs/checkbox/checking/ReadMe.md delete mode 100644 samples/inputs/checkbox/disabled/ReadMe.md delete mode 100644 samples/inputs/checkbox/indeterminate/ReadMe.md delete mode 100644 samples/inputs/checkbox/label/ReadMe.md delete mode 100644 samples/inputs/checkbox/overview/ReadMe.md delete mode 100644 samples/inputs/chip/multiple/ReadMe.md delete mode 100644 samples/inputs/chip/overview/ReadMe.md delete mode 100644 samples/inputs/chip/size/ReadMe.md delete mode 100644 samples/inputs/chip/styling/ReadMe.md delete mode 100644 samples/inputs/chip/variants/ReadMe.md delete mode 100644 samples/inputs/circular-progress-indicator/dynamic/ReadMe.md delete mode 100644 samples/inputs/circular-progress-indicator/indeterminate/ReadMe.md delete mode 100644 samples/inputs/circular-progress-indicator/simple/ReadMe.md delete mode 100644 samples/inputs/circular-progress-indicator/styling/ReadMe.md delete mode 100644 samples/inputs/combo/features/ReadMe.md delete mode 100644 samples/inputs/combo/overview/ReadMe.md delete mode 100644 samples/inputs/combo/selection/ReadMe.md delete mode 100644 samples/inputs/combo/simplified/ReadMe.md delete mode 100644 samples/inputs/combo/styling/ReadMe.md delete mode 100644 samples/inputs/combo/templates/ReadMe.md delete mode 100644 samples/inputs/date-time-input/input-format-display-format/ReadMe.md delete mode 100644 samples/inputs/date-time-input/min-max-value/ReadMe.md delete mode 100644 samples/inputs/date-time-input/overview/ReadMe.md delete mode 100644 samples/inputs/date-time-input/step-up-down/ReadMe.md delete mode 100644 samples/inputs/dropdown/group/ReadMe.md delete mode 100644 samples/inputs/dropdown/header/ReadMe.md delete mode 100644 samples/inputs/dropdown/item/ReadMe.md delete mode 100644 samples/inputs/dropdown/overview/ReadMe.md delete mode 100644 samples/inputs/dropdown/position/ReadMe.md delete mode 100644 samples/inputs/dropdown/styling/ReadMe.md delete mode 100644 samples/inputs/dropdown/target/ReadMe.md delete mode 100644 samples/inputs/icon-button/size/ReadMe.md delete mode 100644 samples/inputs/icon-button/styling/ReadMe.md delete mode 100644 samples/inputs/icon-button/variant/ReadMe.md delete mode 100644 samples/inputs/input/helper-text/ReadMe.md delete mode 100644 samples/inputs/input/overview/ReadMe.md delete mode 100644 samples/inputs/input/prefix-suffix/ReadMe.md delete mode 100644 samples/inputs/input/size/ReadMe.md delete mode 100644 samples/inputs/input/styling/ReadMe.md delete mode 100644 samples/inputs/linear-progress-indicator/dynamic/ReadMe.md delete mode 100644 samples/inputs/linear-progress-indicator/simple/ReadMe.md delete mode 100644 samples/inputs/linear-progress-indicator/striped/ReadMe.md delete mode 100644 samples/inputs/linear-progress-indicator/styling/ReadMe.md delete mode 100644 samples/inputs/linear-progress-indicator/types/ReadMe.md delete mode 100644 samples/inputs/mask-input/applying-mask/ReadMe.md delete mode 100644 samples/inputs/mask-input/overview/ReadMe.md delete mode 100644 samples/inputs/mask-input/value-modes/ReadMe.md delete mode 100644 samples/inputs/radio/alignment/ReadMe.md delete mode 100644 samples/inputs/radio/disabled/ReadMe.md delete mode 100644 samples/inputs/radio/group/ReadMe.md delete mode 100644 samples/inputs/radio/invalid/ReadMe.md delete mode 100644 samples/inputs/radio/label/ReadMe.md delete mode 100644 samples/inputs/radio/styling/ReadMe.md delete mode 100644 samples/inputs/rating/basic/ReadMe.md delete mode 100644 samples/inputs/rating/custom/ReadMe.md delete mode 100644 samples/inputs/rating/empty/ReadMe.md delete mode 100644 samples/inputs/rating/single-selection/ReadMe.md delete mode 100644 samples/inputs/rating/styling/ReadMe.md delete mode 100644 samples/inputs/ripple/button/ReadMe.md delete mode 100644 samples/inputs/ripple/color/ReadMe.md delete mode 100644 samples/inputs/select/group/ReadMe.md delete mode 100644 samples/inputs/select/header/ReadMe.md delete mode 100644 samples/inputs/select/item/ReadMe.md delete mode 100644 samples/inputs/select/overview/ReadMe.md delete mode 100644 samples/inputs/select/styling/ReadMe.md delete mode 100644 samples/inputs/slider/constraints/ReadMe.md delete mode 100644 samples/inputs/slider/disabled/ReadMe.md delete mode 100644 samples/inputs/slider/discrete/ReadMe.md delete mode 100644 samples/inputs/slider/labels/ReadMe.md delete mode 100644 samples/inputs/slider/overview/ReadMe.md delete mode 100644 samples/inputs/slider/styling/ReadMe.md delete mode 100644 samples/inputs/slider/tick-labels/ReadMe.md delete mode 100644 samples/inputs/slider/ticks/ReadMe.md delete mode 100644 samples/inputs/slider/value-format/ReadMe.md delete mode 100644 samples/inputs/slider/value/ReadMe.md delete mode 100644 samples/inputs/switches/checking/ReadMe.md delete mode 100644 samples/inputs/switches/disabled/ReadMe.md delete mode 100644 samples/inputs/switches/label/ReadMe.md delete mode 100644 samples/inputs/switches/overview/ReadMe.md delete mode 100644 samples/inputs/textarea/form-integration/ReadMe.md delete mode 100644 samples/inputs/textarea/overview/ReadMe.md delete mode 100644 samples/inputs/textarea/resize/ReadMe.md delete mode 100644 samples/inputs/textarea/slots/ReadMe.md delete mode 100644 samples/inputs/textarea/styling/ReadMe.md delete mode 100644 samples/inputs/tooltip/advanced/ReadMe.md delete mode 100644 samples/inputs/tooltip/overview/ReadMe.md delete mode 100644 samples/inputs/tooltip/placement/ReadMe.md delete mode 100644 samples/inputs/tooltip/rich/ReadMe.md delete mode 100644 samples/inputs/tooltip/styling/ReadMe.md delete mode 100644 samples/inputs/tooltip/triggers/ReadMe.md delete mode 100644 samples/interactions/chat/features/ReadMe.md delete mode 100644 samples/interactions/chat/overview/ReadMe.md delete mode 100644 samples/interactions/chat/styling/ReadMe.md delete mode 100644 samples/layouts/accordion/customization/ReadMe.md delete mode 100644 samples/layouts/accordion/nested-scenario/ReadMe.md delete mode 100644 samples/layouts/accordion/overview/ReadMe.md delete mode 100644 samples/layouts/avatar/icon/ReadMe.md delete mode 100644 samples/layouts/avatar/image/ReadMe.md delete mode 100644 samples/layouts/avatar/initials/ReadMe.md delete mode 100644 samples/layouts/avatar/shape/ReadMe.md delete mode 100644 samples/layouts/avatar/size/ReadMe.md delete mode 100644 samples/layouts/avatar/styling/ReadMe.md delete mode 100644 samples/layouts/card/horizontal/ReadMe.md delete mode 100644 samples/layouts/card/overview/ReadMe.md delete mode 100644 samples/layouts/card/semi-horizontal/ReadMe.md delete mode 100644 samples/layouts/card/styling/ReadMe.md delete mode 100644 samples/layouts/carousel/animations/ReadMe.md delete mode 100644 samples/layouts/carousel/components/ReadMe.md delete mode 100644 samples/layouts/carousel/overview/ReadMe.md delete mode 100644 samples/layouts/carousel/thumbnail/ReadMe.md delete mode 100644 samples/layouts/divider/dashed/ReadMe.md delete mode 100644 samples/layouts/divider/middle/ReadMe.md delete mode 100644 samples/layouts/divider/overview/ReadMe.md delete mode 100644 samples/layouts/divider/select/ReadMe.md delete mode 100644 samples/layouts/divider/vertical/ReadMe.md delete mode 100644 samples/layouts/dock-manager/customize-buttons/ReadMe.md delete mode 100644 samples/layouts/dock-manager/embedding-frames/ReadMe.md delete mode 100644 samples/layouts/dock-manager/overview/ReadMe.md delete mode 100644 samples/layouts/dock-manager/styling/ReadMe.md delete mode 100644 samples/layouts/dock-manager/updating-panes/ReadMe.md delete mode 100644 samples/layouts/expansion-panel/component-customization/ReadMe.md delete mode 100644 samples/layouts/expansion-panel/properties-and-events/ReadMe.md delete mode 100644 samples/layouts/expansion-panel/styling/ReadMe.md delete mode 100644 samples/layouts/expansion-panel/usage/ReadMe.md delete mode 100644 samples/layouts/icon/sizing/ReadMe.md delete mode 100644 samples/layouts/icon/styling/ReadMe.md delete mode 100644 samples/layouts/stepper/animations/ReadMe.md delete mode 100644 samples/layouts/stepper/linear/ReadMe.md delete mode 100644 samples/layouts/stepper/orientation/ReadMe.md delete mode 100644 samples/layouts/stepper/steptypes/ReadMe.md delete mode 100644 samples/layouts/stepper/styling/ReadMe.md delete mode 100644 samples/layouts/tabs/alignment/ReadMe.md delete mode 100644 samples/layouts/tabs/overview/ReadMe.md delete mode 100644 samples/layouts/tabs/prefix-suffix/ReadMe.md delete mode 100644 samples/layouts/tabs/scrolling/ReadMe.md delete mode 100644 samples/layouts/tile-manager/actions/ReadMe.md delete mode 100644 samples/layouts/tile-manager/columngap/ReadMe.md delete mode 100644 samples/layouts/tile-manager/dragndrop/ReadMe.md delete mode 100644 samples/layouts/tile-manager/layout/ReadMe.md delete mode 100644 samples/layouts/tile-manager/overview/ReadMe.md delete mode 100644 samples/layouts/tile-manager/resize/ReadMe.md delete mode 100644 samples/layouts/tile-manager/styling/ReadMe.md delete mode 100644 samples/maps/geo-map/binding-data-csv/ReadMe.md delete mode 100644 samples/maps/geo-map/binding-data-json-points/ReadMe.md delete mode 100644 samples/maps/geo-map/binding-data-json-shapes/ReadMe.md delete mode 100644 samples/maps/geo-map/binding-data-model/ReadMe.md delete mode 100644 samples/maps/geo-map/binding-multiple-shapes/ReadMe.md delete mode 100644 samples/maps/geo-map/binding-multiple-sources/ReadMe.md delete mode 100644 samples/maps/geo-map/binding-shp-points/ReadMe.md delete mode 100644 samples/maps/geo-map/binding-shp-polygons/ReadMe.md delete mode 100644 samples/maps/geo-map/binding-shp-polylines/ReadMe.md delete mode 100644 samples/maps/geo-map/custom-tooltips/ReadMe.md delete mode 100644 samples/maps/geo-map/display-all-imagery/ReadMe.md delete mode 100644 samples/maps/geo-map/display-azure-imagery/ReadMe.md delete mode 100644 samples/maps/geo-map/display-bing-imagery/ReadMe.md delete mode 100644 samples/maps/geo-map/display-custom-imagery/ReadMe.md delete mode 100644 samples/maps/geo-map/display-esri-imagery/ReadMe.md delete mode 100644 samples/maps/geo-map/display-heat-imagery/ReadMe.md delete mode 100644 samples/maps/geo-map/display-osm-imagery/ReadMe.md delete mode 100644 samples/maps/geo-map/marker-layouts/ReadMe.md delete mode 100644 samples/maps/geo-map/marker-template/ReadMe.md delete mode 100644 samples/maps/geo-map/marker-type/ReadMe.md delete mode 100644 samples/maps/geo-map/nav-grid/ReadMe.md delete mode 100644 samples/maps/geo-map/navigation/ReadMe.md delete mode 100644 samples/maps/geo-map/overview/ReadMe.md delete mode 100644 samples/maps/geo-map/shape-selection/ReadMe.md delete mode 100644 samples/maps/geo-map/shape-styling/ReadMe.md delete mode 100644 samples/maps/geo-map/synchronization/ReadMe.md delete mode 100644 samples/maps/geo-map/triangulating-data/ReadMe.md delete mode 100644 samples/maps/geo-map/type-scatter-area-series/ReadMe.md delete mode 100644 samples/maps/geo-map/type-scatter-bubble-series/ReadMe.md delete mode 100644 samples/maps/geo-map/type-scatter-contour-series/ReadMe.md delete mode 100644 samples/maps/geo-map/type-scatter-density-series/ReadMe.md delete mode 100644 samples/maps/geo-map/type-scatter-symbol-series/ReadMe.md delete mode 100644 samples/maps/geo-map/type-shape-polygon-series/ReadMe.md delete mode 100644 samples/maps/geo-map/type-shape-polyline-series/ReadMe.md delete mode 100644 samples/menus/nav-bar/overview/ReadMe.md delete mode 100644 samples/menus/nav-bar/styling/ReadMe.md delete mode 100644 samples/menus/nav-drawer/add-drawer-items/ReadMe.md delete mode 100644 samples/menus/nav-drawer/add-mini/ReadMe.md delete mode 100644 samples/menus/nav-drawer/add-positions-navbar/ReadMe.md delete mode 100644 samples/menus/nav-drawer/styling/ReadMe.md delete mode 100644 samples/notifications/banner/banner-advanced-sample/ReadMe.md delete mode 100644 samples/notifications/banner/banner-sample-1/ReadMe.md delete mode 100644 samples/notifications/banner/banner-sample-2/ReadMe.md delete mode 100644 samples/notifications/banner/banner-styling/ReadMe.md delete mode 100644 samples/notifications/dialog/closing-variations/ReadMe.md delete mode 100644 samples/notifications/dialog/form/ReadMe.md delete mode 100644 samples/notifications/dialog/overview/ReadMe.md delete mode 100644 samples/notifications/dialog/styling/ReadMe.md delete mode 100644 samples/notifications/snackbar/action-text/ReadMe.md delete mode 100644 samples/notifications/snackbar/display-time/ReadMe.md delete mode 100644 samples/notifications/snackbar/overview/ReadMe.md delete mode 100644 samples/notifications/snackbar/styling/ReadMe.md delete mode 100644 samples/notifications/toast/overview/ReadMe.md delete mode 100644 samples/notifications/toast/properties/ReadMe.md delete mode 100644 samples/notifications/toast/styling/ReadMe.md delete mode 100644 samples/scheduling/calendar/disabled-dates/ReadMe.md delete mode 100644 samples/scheduling/calendar/formatting/ReadMe.md delete mode 100644 samples/scheduling/calendar/header/ReadMe.md delete mode 100644 samples/scheduling/calendar/multiple-months/ReadMe.md delete mode 100644 samples/scheduling/calendar/multiple-selection/ReadMe.md delete mode 100644 samples/scheduling/calendar/overview/ReadMe.md delete mode 100644 samples/scheduling/calendar/range-selection/ReadMe.md delete mode 100644 samples/scheduling/calendar/size/ReadMe.md delete mode 100644 samples/scheduling/calendar/special-dates/ReadMe.md delete mode 100644 samples/scheduling/calendar/styling/ReadMe.md delete mode 100644 samples/scheduling/calendar/week-numbers/ReadMe.md delete mode 100644 samples/scheduling/date-picker/dialog-mode/ReadMe.md delete mode 100644 samples/scheduling/date-picker/form/ReadMe.md delete mode 100644 samples/scheduling/date-picker/format/ReadMe.md delete mode 100644 samples/scheduling/date-picker/overview/ReadMe.md delete mode 100644 samples/scheduling/date-picker/styling/ReadMe.md delete mode 100644 samples/scheduling/date-range-picker/custom-ranges/ReadMe.md delete mode 100644 samples/scheduling/date-range-picker/form/ReadMe.md delete mode 100644 samples/scheduling/date-range-picker/overview/ReadMe.md delete mode 100644 samples/scheduling/date-range-picker/slots/ReadMe.md delete mode 100644 samples/scheduling/date-range-picker/styling/ReadMe.md diff --git a/samples/charts/category-chart/annotations/ReadMe.md b/samples/charts/category-chart/annotations/ReadMe.md deleted file mode 100644 index 53b27398e4..0000000000 --- a/samples/charts/category-chart/annotations/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Annotations feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/annotations -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/axis-options/ReadMe.md b/samples/charts/category-chart/axis-options/ReadMe.md deleted file mode 100644 index a39ab7fbb4..0000000000 --- a/samples/charts/category-chart/axis-options/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Axis Options feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/axis-options -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/axis-overlap/ReadMe.md b/samples/charts/category-chart/axis-overlap/ReadMe.md deleted file mode 100644 index 18ccc374ac..0000000000 --- a/samples/charts/category-chart/axis-overlap/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Axis Overlap feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/axis-overlap -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/axis-range/ReadMe.md b/samples/charts/category-chart/axis-range/ReadMe.md deleted file mode 100644 index fc2a959c99..0000000000 --- a/samples/charts/category-chart/axis-range/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Axis Range feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/axis-range -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/column-chart-with-highlighting/ReadMe.md b/samples/charts/category-chart/column-chart-with-highlighting/ReadMe.md deleted file mode 100644 index fe6529dd6c..0000000000 --- a/samples/charts/category-chart/column-chart-with-highlighting/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Chart With Highlighting feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/column-chart-with-highlighting -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/column-chart-with-tooltips/ReadMe.md b/samples/charts/category-chart/column-chart-with-tooltips/ReadMe.md deleted file mode 100644 index e2f0fb02e9..0000000000 --- a/samples/charts/category-chart/column-chart-with-tooltips/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Chart With Tooltips feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/column-chart-with-tooltips -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/high-frequency/ReadMe.md b/samples/charts/category-chart/high-frequency/ReadMe.md deleted file mode 100644 index 3a2e30e392..0000000000 --- a/samples/charts/category-chart/high-frequency/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of High Frequency feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/high-frequency -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/high-volume/ReadMe.md b/samples/charts/category-chart/high-volume/ReadMe.md deleted file mode 100644 index a2c0ac0400..0000000000 --- a/samples/charts/category-chart/high-volume/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of High Volume feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/high-volume -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/highlighting/ReadMe.md b/samples/charts/category-chart/highlighting/ReadMe.md deleted file mode 100644 index 74a99851e1..0000000000 --- a/samples/charts/category-chart/highlighting/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Highlighting feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/highlighting -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/line-chart-multiple-sources/ReadMe.md b/samples/charts/category-chart/line-chart-multiple-sources/ReadMe.md deleted file mode 100644 index f2537b0720..0000000000 --- a/samples/charts/category-chart/line-chart-multiple-sources/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Line Chart Multiple Sources feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/line-chart-multiple-sources -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/line-chart-single-source/ReadMe.md b/samples/charts/category-chart/line-chart-single-source/ReadMe.md deleted file mode 100644 index dcc0d38415..0000000000 --- a/samples/charts/category-chart/line-chart-single-source/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Line Chart Single Source feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/line-chart-single-source -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/line-chart-styling/ReadMe.md b/samples/charts/category-chart/line-chart-styling/ReadMe.md deleted file mode 100644 index eee2f1a211..0000000000 --- a/samples/charts/category-chart/line-chart-styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Line Chart Styling feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/line-chart-styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/line-chart-with-animations/ReadMe.md b/samples/charts/category-chart/line-chart-with-animations/ReadMe.md deleted file mode 100644 index 1e9eac7caf..0000000000 --- a/samples/charts/category-chart/line-chart-with-animations/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Line Chart With Animations feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/line-chart-with-animations -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/line-chart-with-annotations/ReadMe.md b/samples/charts/category-chart/line-chart-with-annotations/ReadMe.md deleted file mode 100644 index 5fe07f9c1e..0000000000 --- a/samples/charts/category-chart/line-chart-with-annotations/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Line Chart With Annotations feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/line-chart-with-annotations -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/marker-options/ReadMe.md b/samples/charts/category-chart/marker-options/ReadMe.md deleted file mode 100644 index 0703c09221..0000000000 --- a/samples/charts/category-chart/marker-options/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Marker Options feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/marker-options -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/marker-templates/ReadMe.md b/samples/charts/category-chart/marker-templates/ReadMe.md deleted file mode 100644 index 6230d4da84..0000000000 --- a/samples/charts/category-chart/marker-templates/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Marker Templates feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/marker-templates -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/overview/ReadMe.md b/samples/charts/category-chart/overview/ReadMe.md deleted file mode 100644 index 9f0a91c361..0000000000 --- a/samples/charts/category-chart/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/stack-columns/ReadMe.md b/samples/charts/category-chart/stack-columns/ReadMe.md deleted file mode 100644 index e1e4313577..0000000000 --- a/samples/charts/category-chart/stack-columns/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Stack Columns feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/stack-columns -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/tooltip-template/ReadMe.md b/samples/charts/category-chart/tooltip-template/ReadMe.md deleted file mode 100644 index dde477d718..0000000000 --- a/samples/charts/category-chart/tooltip-template/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Tooltip Template feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/tooltip-template -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/tooltip-types/ReadMe.md b/samples/charts/category-chart/tooltip-types/ReadMe.md deleted file mode 100644 index 1b526a7190..0000000000 --- a/samples/charts/category-chart/tooltip-types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Tooltip Types feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/tooltip-types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/category-chart/trendline/ReadMe.md b/samples/charts/category-chart/trendline/ReadMe.md deleted file mode 100644 index 5710a1df3a..0000000000 --- a/samples/charts/category-chart/trendline/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Trendline feature using [Category Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/category-chart/trendline -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-annotations/ReadMe.md b/samples/charts/data-chart/axis-annotations/ReadMe.md deleted file mode 100644 index b46e7856c8..0000000000 --- a/samples/charts/data-chart/axis-annotations/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Axis Annotations feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/axis-annotations -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-crossing/ReadMe.md b/samples/charts/data-chart/axis-crossing/ReadMe.md deleted file mode 100644 index f1d2139b84..0000000000 --- a/samples/charts/data-chart/axis-crossing/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Axis Crossing feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/axis-crossing -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-locations/ReadMe.md b/samples/charts/data-chart/axis-locations/ReadMe.md deleted file mode 100644 index 73a6286a9e..0000000000 --- a/samples/charts/data-chart/axis-locations/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Axis Locations feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/axis-locations -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-settings/ReadMe.md b/samples/charts/data-chart/axis-settings/ReadMe.md deleted file mode 100644 index 79d07aa4b5..0000000000 --- a/samples/charts/data-chart/axis-settings/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Axis Settings feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/axis-settings -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-sharing/ReadMe.md b/samples/charts/data-chart/axis-sharing/ReadMe.md deleted file mode 100644 index 04016fca1f..0000000000 --- a/samples/charts/data-chart/axis-sharing/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Axis Sharing feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/axis-sharing -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/axis-types/ReadMe.md b/samples/charts/data-chart/axis-types/ReadMe.md deleted file mode 100644 index b0f02b6424..0000000000 --- a/samples/charts/data-chart/axis-types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Axis Types feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/axis-types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/chart-navigation/ReadMe.md b/samples/charts/data-chart/chart-navigation/ReadMe.md deleted file mode 100644 index d72a47b50c..0000000000 --- a/samples/charts/data-chart/chart-navigation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Chart Navigation feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/chart-navigation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/chart-overview/ReadMe.md b/samples/charts/data-chart/chart-overview/ReadMe.md deleted file mode 100644 index 0d08493e94..0000000000 --- a/samples/charts/data-chart/chart-overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Chart Overview feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/chart-overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/chart-performance/ReadMe.md b/samples/charts/data-chart/chart-performance/ReadMe.md deleted file mode 100644 index 3e2ff02d9e..0000000000 --- a/samples/charts/data-chart/chart-performance/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Chart Performance feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/chart-performance -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/chart-synchronization/ReadMe.md b/samples/charts/data-chart/chart-synchronization/ReadMe.md deleted file mode 100644 index 4b617c7f90..0000000000 --- a/samples/charts/data-chart/chart-synchronization/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Chart Synchronization feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/chart-synchronization -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/chart-titles/ReadMe.md b/samples/charts/data-chart/chart-titles/ReadMe.md deleted file mode 100644 index 973904c67a..0000000000 --- a/samples/charts/data-chart/chart-titles/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Chart Titles feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/chart-titles -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/composite-chart/ReadMe.md b/samples/charts/data-chart/composite-chart/ReadMe.md deleted file mode 100644 index 43539afd72..0000000000 --- a/samples/charts/data-chart/composite-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Composite Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/composite-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/crosshair-layer-styling/ReadMe.md b/samples/charts/data-chart/crosshair-layer-styling/ReadMe.md deleted file mode 100644 index 3db3505d37..0000000000 --- a/samples/charts/data-chart/crosshair-layer-styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Crosshair Layer Styling feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/crosshair-layer-styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/custom-drawing-annotations/ReadMe.md b/samples/charts/data-chart/custom-drawing-annotations/ReadMe.md deleted file mode 100644 index e18b7a711a..0000000000 --- a/samples/charts/data-chart/custom-drawing-annotations/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Custom Drawing Annotations feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/custom-drawing-annotations -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/custom-editing-data/ReadMe.md b/samples/charts/data-chart/custom-editing-data/ReadMe.md deleted file mode 100644 index dfd2510612..0000000000 --- a/samples/charts/data-chart/custom-editing-data/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Custom Editing Data feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/custom-editing-data -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/final-value-layer-styling/ReadMe.md b/samples/charts/data-chart/final-value-layer-styling/ReadMe.md deleted file mode 100644 index bad2cab32f..0000000000 --- a/samples/charts/data-chart/final-value-layer-styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Final Value Layer Styling feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/final-value-layer-styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/legends/ReadMe.md b/samples/charts/data-chart/legends/ReadMe.md deleted file mode 100644 index 8a99d9de1c..0000000000 --- a/samples/charts/data-chart/legends/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Legends feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/legends -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-area-chart/ReadMe.md b/samples/charts/data-chart/polar-area-chart/ReadMe.md deleted file mode 100644 index c213d15c19..0000000000 --- a/samples/charts/data-chart/polar-area-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Polar Area Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/polar-area-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-chart-types/ReadMe.md b/samples/charts/data-chart/polar-chart-types/ReadMe.md deleted file mode 100644 index eb52f8431a..0000000000 --- a/samples/charts/data-chart/polar-chart-types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Polar Chart Types feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/polar-chart-types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-line-chart/ReadMe.md b/samples/charts/data-chart/polar-line-chart/ReadMe.md deleted file mode 100644 index bc3cd24726..0000000000 --- a/samples/charts/data-chart/polar-line-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Polar Line Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/polar-line-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-scatter-chart/ReadMe.md b/samples/charts/data-chart/polar-scatter-chart/ReadMe.md deleted file mode 100644 index 49ff26aba2..0000000000 --- a/samples/charts/data-chart/polar-scatter-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Polar Scatter Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/polar-scatter-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-spline-area-chart/ReadMe.md b/samples/charts/data-chart/polar-spline-area-chart/ReadMe.md deleted file mode 100644 index 270b8e2344..0000000000 --- a/samples/charts/data-chart/polar-spline-area-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Polar Spline Area Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/polar-spline-area-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/polar-spline-chart/ReadMe.md b/samples/charts/data-chart/polar-spline-chart/ReadMe.md deleted file mode 100644 index a06999a17e..0000000000 --- a/samples/charts/data-chart/polar-spline-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Polar Spline Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/polar-spline-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/radial-area-chart/ReadMe.md b/samples/charts/data-chart/radial-area-chart/ReadMe.md deleted file mode 100644 index 8611a6dd92..0000000000 --- a/samples/charts/data-chart/radial-area-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Radial Area Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/radial-area-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/radial-chart-types/ReadMe.md b/samples/charts/data-chart/radial-chart-types/ReadMe.md deleted file mode 100644 index d13d6fe8e7..0000000000 --- a/samples/charts/data-chart/radial-chart-types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Radial Chart Types feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/radial-chart-types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/radial-column-chart/ReadMe.md b/samples/charts/data-chart/radial-column-chart/ReadMe.md deleted file mode 100644 index b2cc9b8f7e..0000000000 --- a/samples/charts/data-chart/radial-column-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Radial Column Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/radial-column-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/radial-line-chart/ReadMe.md b/samples/charts/data-chart/radial-line-chart/ReadMe.md deleted file mode 100644 index ea224e3f3e..0000000000 --- a/samples/charts/data-chart/radial-line-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Radial Line Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/radial-line-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/radial-pie-chart/ReadMe.md b/samples/charts/data-chart/radial-pie-chart/ReadMe.md deleted file mode 100644 index b6ff566e5e..0000000000 --- a/samples/charts/data-chart/radial-pie-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Radial Pie Chart feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/radial-pie-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-annotations/ReadMe.md b/samples/charts/data-chart/series-annotations/ReadMe.md deleted file mode 100644 index e97caa3f31..0000000000 --- a/samples/charts/data-chart/series-annotations/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Series Annotations feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/series-annotations -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-highlighting/ReadMe.md b/samples/charts/data-chart/series-highlighting/ReadMe.md deleted file mode 100644 index 1da661d2e9..0000000000 --- a/samples/charts/data-chart/series-highlighting/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Series Highlighting feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/series-highlighting -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-marker-template/ReadMe.md b/samples/charts/data-chart/series-marker-template/ReadMe.md deleted file mode 100644 index 9701bf20f6..0000000000 --- a/samples/charts/data-chart/series-marker-template/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Series Marker Template feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/series-marker-template -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-markers/ReadMe.md b/samples/charts/data-chart/series-markers/ReadMe.md deleted file mode 100644 index 89bb54e258..0000000000 --- a/samples/charts/data-chart/series-markers/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Series Markers feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/series-markers -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-tooltips/ReadMe.md b/samples/charts/data-chart/series-tooltips/ReadMe.md deleted file mode 100644 index 0f90c57558..0000000000 --- a/samples/charts/data-chart/series-tooltips/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Series Tooltips feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/series-tooltips -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-trendlines/ReadMe.md b/samples/charts/data-chart/series-trendlines/ReadMe.md deleted file mode 100644 index 0d55be5714..0000000000 --- a/samples/charts/data-chart/series-trendlines/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Series Trendlines feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/series-trendlines -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/series-value-overlay/ReadMe.md b/samples/charts/data-chart/series-value-overlay/ReadMe.md deleted file mode 100644 index c30032b894..0000000000 --- a/samples/charts/data-chart/series-value-overlay/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Series Value Overlay feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/series-value-overlay -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/stacked-chart-types/ReadMe.md b/samples/charts/data-chart/stacked-chart-types/ReadMe.md deleted file mode 100644 index 1f5acf4d8c..0000000000 --- a/samples/charts/data-chart/stacked-chart-types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Stacked Chart Types feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/stacked-chart-types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/tooltip-template/ReadMe.md b/samples/charts/data-chart/tooltip-template/ReadMe.md deleted file mode 100644 index 5cdeffe8e9..0000000000 --- a/samples/charts/data-chart/tooltip-template/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Tooltip Template feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/tooltip-template -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-candlestick-series/ReadMe.md b/samples/charts/data-chart/type-financial-candlestick-series/ReadMe.md deleted file mode 100644 index dda1f42998..0000000000 --- a/samples/charts/data-chart/type-financial-candlestick-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Financial Candlestick Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-financial-candlestick-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-indicators-column/ReadMe.md b/samples/charts/data-chart/type-financial-indicators-column/ReadMe.md deleted file mode 100644 index 0c3e406d5d..0000000000 --- a/samples/charts/data-chart/type-financial-indicators-column/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Financial Indicators Column feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-financial-indicators-column -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-indicators-line/ReadMe.md b/samples/charts/data-chart/type-financial-indicators-line/ReadMe.md deleted file mode 100644 index 1e39fc6604..0000000000 --- a/samples/charts/data-chart/type-financial-indicators-line/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Financial Indicators Line feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-financial-indicators-line -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-ohlc-series/ReadMe.md b/samples/charts/data-chart/type-financial-ohlc-series/ReadMe.md deleted file mode 100644 index 4492866156..0000000000 --- a/samples/charts/data-chart/type-financial-ohlc-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Financial Ohlc Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-financial-ohlc-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-overlays/ReadMe.md b/samples/charts/data-chart/type-financial-overlays/ReadMe.md deleted file mode 100644 index 271a5a3b0f..0000000000 --- a/samples/charts/data-chart/type-financial-overlays/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Financial Overlays feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-financial-overlays -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-financial-series/ReadMe.md b/samples/charts/data-chart/type-financial-series/ReadMe.md deleted file mode 100644 index 96b86298f2..0000000000 --- a/samples/charts/data-chart/type-financial-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Financial Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-financial-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-range-area-series/ReadMe.md b/samples/charts/data-chart/type-range-area-series/ReadMe.md deleted file mode 100644 index bd1d6ab857..0000000000 --- a/samples/charts/data-chart/type-range-area-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Range Area Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-range-area-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-range-column-series/ReadMe.md b/samples/charts/data-chart/type-range-column-series/ReadMe.md deleted file mode 100644 index a90911ef06..0000000000 --- a/samples/charts/data-chart/type-range-column-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Range Column Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-range-column-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-range-series/ReadMe.md b/samples/charts/data-chart/type-range-series/ReadMe.md deleted file mode 100644 index c1e95b7889..0000000000 --- a/samples/charts/data-chart/type-range-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Range Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-range-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-area-series/ReadMe.md b/samples/charts/data-chart/type-scatter-area-series/ReadMe.md deleted file mode 100644 index 444ddbe44c..0000000000 --- a/samples/charts/data-chart/type-scatter-area-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Area Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-scatter-area-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-bubble-series/ReadMe.md b/samples/charts/data-chart/type-scatter-bubble-series/ReadMe.md deleted file mode 100644 index 1416dc7b42..0000000000 --- a/samples/charts/data-chart/type-scatter-bubble-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Bubble Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-scatter-bubble-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-contour-series/ReadMe.md b/samples/charts/data-chart/type-scatter-contour-series/ReadMe.md deleted file mode 100644 index 417214f50e..0000000000 --- a/samples/charts/data-chart/type-scatter-contour-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Contour Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-scatter-contour-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-hd-series/ReadMe.md b/samples/charts/data-chart/type-scatter-hd-series/ReadMe.md deleted file mode 100644 index 3b12f5c65e..0000000000 --- a/samples/charts/data-chart/type-scatter-hd-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Hd Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-scatter-hd-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-polygon-series/ReadMe.md b/samples/charts/data-chart/type-scatter-polygon-series/ReadMe.md deleted file mode 100644 index b57377924f..0000000000 --- a/samples/charts/data-chart/type-scatter-polygon-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Polygon Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-scatter-polygon-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-polyline-series/ReadMe.md b/samples/charts/data-chart/type-scatter-polyline-series/ReadMe.md deleted file mode 100644 index 46b7684d61..0000000000 --- a/samples/charts/data-chart/type-scatter-polyline-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Polyline Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-scatter-polyline-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-scatter-series/ReadMe.md b/samples/charts/data-chart/type-scatter-series/ReadMe.md deleted file mode 100644 index c826699c9f..0000000000 --- a/samples/charts/data-chart/type-scatter-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-scatter-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/type-shape-series/ReadMe.md b/samples/charts/data-chart/type-shape-series/ReadMe.md deleted file mode 100644 index 990cec5530..0000000000 --- a/samples/charts/data-chart/type-shape-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Shape Series feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/type-shape-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/user-annotation-layer/ReadMe.md b/samples/charts/data-chart/user-annotation-layer/ReadMe.md deleted file mode 100644 index 6560b02b4c..0000000000 --- a/samples/charts/data-chart/user-annotation-layer/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of User Annotation Layer feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/data-chart/user-annotation-layer -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/doughnut-chart/animation/ReadMe.md b/samples/charts/doughnut-chart/animation/ReadMe.md deleted file mode 100644 index 2b16c8cab5..0000000000 --- a/samples/charts/doughnut-chart/animation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Animation feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/doughnut-chart/animation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/doughnut-chart/explosion/ReadMe.md b/samples/charts/doughnut-chart/explosion/ReadMe.md deleted file mode 100644 index c9c436444c..0000000000 --- a/samples/charts/doughnut-chart/explosion/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Explosion feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/doughnut-chart/explosion -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/doughnut-chart/legend/ReadMe.md b/samples/charts/doughnut-chart/legend/ReadMe.md deleted file mode 100644 index 12b8f908da..0000000000 --- a/samples/charts/doughnut-chart/legend/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Legend feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/doughnut-chart/legend -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/doughnut-chart/overview/ReadMe.md b/samples/charts/doughnut-chart/overview/ReadMe.md deleted file mode 100644 index 674e97736a..0000000000 --- a/samples/charts/doughnut-chart/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/doughnut-chart/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/doughnut-chart/rings/ReadMe.md b/samples/charts/doughnut-chart/rings/ReadMe.md deleted file mode 100644 index 60eb1815e9..0000000000 --- a/samples/charts/doughnut-chart/rings/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Rings feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/doughnut-chart/rings -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/doughnut-chart/selection/ReadMe.md b/samples/charts/doughnut-chart/selection/ReadMe.md deleted file mode 100644 index d87cfd9f0b..0000000000 --- a/samples/charts/doughnut-chart/selection/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Selection feature using [Doughnut Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/doughnut-chart/selection -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/annotations/ReadMe.md b/samples/charts/financial-chart/annotations/ReadMe.md deleted file mode 100644 index efbf495f01..0000000000 --- a/samples/charts/financial-chart/annotations/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Annotations feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/annotations -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/axis-types/ReadMe.md b/samples/charts/financial-chart/axis-types/ReadMe.md deleted file mode 100644 index 02c7839463..0000000000 --- a/samples/charts/financial-chart/axis-types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Axis Types feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/axis-types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/high-frequency/ReadMe.md b/samples/charts/financial-chart/high-frequency/ReadMe.md deleted file mode 100644 index 2c3c922b4d..0000000000 --- a/samples/charts/financial-chart/high-frequency/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of High Frequency feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/high-frequency -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/high-volume/ReadMe.md b/samples/charts/financial-chart/high-volume/ReadMe.md deleted file mode 100644 index 04df4a803f..0000000000 --- a/samples/charts/financial-chart/high-volume/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of High Volume feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/high-volume -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/indicator-customization/ReadMe.md b/samples/charts/financial-chart/indicator-customization/ReadMe.md deleted file mode 100644 index dcf1f7c717..0000000000 --- a/samples/charts/financial-chart/indicator-customization/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Indicator Customization feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/indicator-customization -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/indicator-types/ReadMe.md b/samples/charts/financial-chart/indicator-types/ReadMe.md deleted file mode 100644 index 8ed6b2e3ed..0000000000 --- a/samples/charts/financial-chart/indicator-types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Indicator Types feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/indicator-types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/multiple-data/ReadMe.md b/samples/charts/financial-chart/multiple-data/ReadMe.md deleted file mode 100644 index ccec17b5f6..0000000000 --- a/samples/charts/financial-chart/multiple-data/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Multiple Data feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/multiple-data -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/overview/ReadMe.md b/samples/charts/financial-chart/overview/ReadMe.md deleted file mode 100644 index 0873575725..0000000000 --- a/samples/charts/financial-chart/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/panes/ReadMe.md b/samples/charts/financial-chart/panes/ReadMe.md deleted file mode 100644 index 5ceebfa209..0000000000 --- a/samples/charts/financial-chart/panes/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Panes feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/panes -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/performance/ReadMe.md b/samples/charts/financial-chart/performance/ReadMe.md deleted file mode 100644 index 05acab7138..0000000000 --- a/samples/charts/financial-chart/performance/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Performance feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/performance -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/scrollbars/ReadMe.md b/samples/charts/financial-chart/scrollbars/ReadMe.md deleted file mode 100644 index c74521f1a1..0000000000 --- a/samples/charts/financial-chart/scrollbars/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Scrollbars feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/scrollbars -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/stock-index-chart/ReadMe.md b/samples/charts/financial-chart/stock-index-chart/ReadMe.md deleted file mode 100644 index 550bb76c12..0000000000 --- a/samples/charts/financial-chart/stock-index-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Stock Index Chart feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/stock-index-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/styling/ReadMe.md b/samples/charts/financial-chart/styling/ReadMe.md deleted file mode 100644 index fc92efec9e..0000000000 --- a/samples/charts/financial-chart/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/titles/ReadMe.md b/samples/charts/financial-chart/titles/ReadMe.md deleted file mode 100644 index 6a4cf2b8e6..0000000000 --- a/samples/charts/financial-chart/titles/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Titles feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/titles -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/tooltip-types/ReadMe.md b/samples/charts/financial-chart/tooltip-types/ReadMe.md deleted file mode 100644 index aedef1b257..0000000000 --- a/samples/charts/financial-chart/tooltip-types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Tooltip Types feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/tooltip-types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/trendlines/ReadMe.md b/samples/charts/financial-chart/trendlines/ReadMe.md deleted file mode 100644 index 3e33303d6d..0000000000 --- a/samples/charts/financial-chart/trendlines/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Trendlines feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/trendlines -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/financial-chart/volume-types/ReadMe.md b/samples/charts/financial-chart/volume-types/ReadMe.md deleted file mode 100644 index ecb5b2e0ce..0000000000 --- a/samples/charts/financial-chart/volume-types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Volume Types feature using [Financial Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/financial-chart/volume-types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/animation/ReadMe.md b/samples/charts/pie-chart/animation/ReadMe.md deleted file mode 100644 index c6a5c78082..0000000000 --- a/samples/charts/pie-chart/animation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Animation feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/pie-chart/animation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/explosion/ReadMe.md b/samples/charts/pie-chart/explosion/ReadMe.md deleted file mode 100644 index fac28c20fa..0000000000 --- a/samples/charts/pie-chart/explosion/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Explosion feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/pie-chart/explosion -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/legend/ReadMe.md b/samples/charts/pie-chart/legend/ReadMe.md deleted file mode 100644 index 3290f41b8f..0000000000 --- a/samples/charts/pie-chart/legend/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Legend feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/pie-chart/legend -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/others/ReadMe.md b/samples/charts/pie-chart/others/ReadMe.md deleted file mode 100644 index e79e3153d4..0000000000 --- a/samples/charts/pie-chart/others/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Others feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/pie-chart/others -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/overview/ReadMe.md b/samples/charts/pie-chart/overview/ReadMe.md deleted file mode 100644 index 03cb2cb559..0000000000 --- a/samples/charts/pie-chart/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/pie-chart/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/pie-chart/selection/ReadMe.md b/samples/charts/pie-chart/selection/ReadMe.md deleted file mode 100644 index 01e4ec9735..0000000000 --- a/samples/charts/pie-chart/selection/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Selection feature using [Pie Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/pie-chart/selection -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/display-types/ReadMe.md b/samples/charts/sparkline/display-types/ReadMe.md deleted file mode 100644 index 85be337617..0000000000 --- a/samples/charts/sparkline/display-types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Display Types feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/sparkline/display-types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/grid/ReadMe.md b/samples/charts/sparkline/grid/ReadMe.md deleted file mode 100644 index 8a653b0c90..0000000000 --- a/samples/charts/sparkline/grid/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Grid feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/sparkline/grid -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/markers/ReadMe.md b/samples/charts/sparkline/markers/ReadMe.md deleted file mode 100644 index c8e9bd8ec0..0000000000 --- a/samples/charts/sparkline/markers/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Markers feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/sparkline/markers -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/normal-range/ReadMe.md b/samples/charts/sparkline/normal-range/ReadMe.md deleted file mode 100644 index cd70c39832..0000000000 --- a/samples/charts/sparkline/normal-range/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Normal Range feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/sparkline/normal-range -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/trendlines/ReadMe.md b/samples/charts/sparkline/trendlines/ReadMe.md deleted file mode 100644 index 463063626d..0000000000 --- a/samples/charts/sparkline/trendlines/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Trendlines feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/sparkline/trendlines -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/sparkline/unknown-values/ReadMe.md b/samples/charts/sparkline/unknown-values/ReadMe.md deleted file mode 100644 index df6c43aecd..0000000000 --- a/samples/charts/sparkline/unknown-values/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Unknown Values feature using [Sparkline](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/sparkline/unknown-values -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/tree-map/events/ReadMe.md b/samples/charts/tree-map/events/ReadMe.md deleted file mode 100644 index 351633cce2..0000000000 --- a/samples/charts/tree-map/events/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Events feature using [Tree Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/tree-map/events -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/tree-map/overview/ReadMe.md b/samples/charts/tree-map/overview/ReadMe.md deleted file mode 100644 index 6cf09ac71c..0000000000 --- a/samples/charts/tree-map/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Tree Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/tree-map/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/zoomslider/overview/ReadMe.md b/samples/charts/zoomslider/overview/ReadMe.md deleted file mode 100644 index 72b0c4bd35..0000000000 --- a/samples/charts/zoomslider/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Zoomslider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/charts/zoomslider/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/multi-column-combobox/overview/ReadMe.md b/samples/editors/multi-column-combobox/overview/ReadMe.md deleted file mode 100644 index 76ad7ac6ce..0000000000 --- a/samples/editors/multi-column-combobox/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Multi Column Combobox Overview feature using [Multi Column-Combobox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/editors/multi-column-combobox/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/x-date-picker/date-limits/ReadMe.md b/samples/editors/x-date-picker/date-limits/ReadMe.md deleted file mode 100644 index fdbff5dab5..0000000000 --- a/samples/editors/x-date-picker/date-limits/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of XDate Picker Date Limits feature using [X Date-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/editors/x-date-picker/date-limits -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/x-date-picker/editing/ReadMe.md b/samples/editors/x-date-picker/editing/ReadMe.md deleted file mode 100644 index 71e763d08e..0000000000 --- a/samples/editors/x-date-picker/editing/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of XDate Picker Editing feature using [X Date-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/editors/x-date-picker/editing -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/x-date-picker/format/ReadMe.md b/samples/editors/x-date-picker/format/ReadMe.md deleted file mode 100644 index 267ff513ae..0000000000 --- a/samples/editors/x-date-picker/format/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of XDate Picker Format feature using [X Date-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/editors/x-date-picker/format -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/x-date-picker/overview/ReadMe.md b/samples/editors/x-date-picker/overview/ReadMe.md deleted file mode 100644 index 18148e745a..0000000000 --- a/samples/editors/x-date-picker/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of XDate Picker Overview feature using [X Date-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/editors/x-date-picker/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/editors/x-date-picker/range/ReadMe.md b/samples/editors/x-date-picker/range/ReadMe.md deleted file mode 100644 index 644c80c846..0000000000 --- a/samples/editors/x-date-picker/range/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of XDate Picker Range feature using [X Date-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/editors/x-date-picker/range -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/operations-on-workbooks/ReadMe.md b/samples/excel/excel-library/operations-on-workbooks/ReadMe.md deleted file mode 100644 index 20aa78e8ba..0000000000 --- a/samples/excel/excel-library/operations-on-workbooks/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Operations On Workbooks feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/excel-library/operations-on-workbooks -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/operations-on-worksheets/ReadMe.md b/samples/excel/excel-library/operations-on-worksheets/ReadMe.md deleted file mode 100644 index 3107ab2f31..0000000000 --- a/samples/excel/excel-library/operations-on-worksheets/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Operations On Worksheets feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/excel-library/operations-on-worksheets -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/overview/ReadMe.md b/samples/excel/excel-library/overview/ReadMe.md deleted file mode 100644 index 7eef0b8efc..0000000000 --- a/samples/excel/excel-library/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/excel-library/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/working-with-cells/ReadMe.md b/samples/excel/excel-library/working-with-cells/ReadMe.md deleted file mode 100644 index 571f8e512e..0000000000 --- a/samples/excel/excel-library/working-with-cells/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Working With Cells feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/excel-library/working-with-cells -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/working-with-charts/ReadMe.md b/samples/excel/excel-library/working-with-charts/ReadMe.md deleted file mode 100644 index 6a6a7606f4..0000000000 --- a/samples/excel/excel-library/working-with-charts/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Working With Charts feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/excel-library/working-with-charts -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/excel-library/working-with-sparklines/ReadMe.md b/samples/excel/excel-library/working-with-sparklines/ReadMe.md deleted file mode 100644 index 5814069069..0000000000 --- a/samples/excel/excel-library/working-with-sparklines/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Working With Sparklines feature using [Excel Library](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/excel-library/working-with-sparklines -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/activation/ReadMe.md b/samples/excel/spreadsheet/activation/ReadMe.md deleted file mode 100644 index 6f9468f3d9..0000000000 --- a/samples/excel/spreadsheet/activation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Activation feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/activation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/adapter-chart/ReadMe.md b/samples/excel/spreadsheet/adapter-chart/ReadMe.md deleted file mode 100644 index 0b3691de32..0000000000 --- a/samples/excel/spreadsheet/adapter-chart/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Adapter Chart feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/adapter-chart -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/adapter-combo/ReadMe.md b/samples/excel/spreadsheet/adapter-combo/ReadMe.md deleted file mode 100644 index 4a9512f1ce..0000000000 --- a/samples/excel/spreadsheet/adapter-combo/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Adapter Combo feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/adapter-combo -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/clipboard/ReadMe.md b/samples/excel/spreadsheet/clipboard/ReadMe.md deleted file mode 100644 index a761108936..0000000000 --- a/samples/excel/spreadsheet/clipboard/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Clipboard feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/clipboard -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/commands/ReadMe.md b/samples/excel/spreadsheet/commands/ReadMe.md deleted file mode 100644 index 13f75a9307..0000000000 --- a/samples/excel/spreadsheet/commands/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Commands feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/commands -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/conditional-formatting/ReadMe.md b/samples/excel/spreadsheet/conditional-formatting/ReadMe.md deleted file mode 100644 index 05a7b96cf3..0000000000 --- a/samples/excel/spreadsheet/conditional-formatting/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Conditional Formatting feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/conditional-formatting -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/config-options/ReadMe.md b/samples/excel/spreadsheet/config-options/ReadMe.md deleted file mode 100644 index 164ccc1bf8..0000000000 --- a/samples/excel/spreadsheet/config-options/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Config Options feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/config-options -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/data-validation/ReadMe.md b/samples/excel/spreadsheet/data-validation/ReadMe.md deleted file mode 100644 index 2d08a9a77b..0000000000 --- a/samples/excel/spreadsheet/data-validation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Data Validation feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/data-validation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/filter-dialog/ReadMe.md b/samples/excel/spreadsheet/filter-dialog/ReadMe.md deleted file mode 100644 index ca92eefc99..0000000000 --- a/samples/excel/spreadsheet/filter-dialog/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Filter Dialog feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/filter-dialog -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/format-dialog/ReadMe.md b/samples/excel/spreadsheet/format-dialog/ReadMe.md deleted file mode 100644 index c30d879d36..0000000000 --- a/samples/excel/spreadsheet/format-dialog/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Format Dialog feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/format-dialog -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/hyperlinks/ReadMe.md b/samples/excel/spreadsheet/hyperlinks/ReadMe.md deleted file mode 100644 index 35fd024981..0000000000 --- a/samples/excel/spreadsheet/hyperlinks/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Hyperlinks feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/hyperlinks -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/overview/ReadMe.md b/samples/excel/spreadsheet/overview/ReadMe.md deleted file mode 100644 index b6235a7da8..0000000000 --- a/samples/excel/spreadsheet/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/excel/spreadsheet/sort-dialog/ReadMe.md b/samples/excel/spreadsheet/sort-dialog/ReadMe.md deleted file mode 100644 index a3afbd0aca..0000000000 --- a/samples/excel/spreadsheet/sort-dialog/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Sort Dialog feature using [Spreadsheet](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/excel/spreadsheet/sort-dialog -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/animation/ReadMe.md b/samples/gauges/bullet-graph/animation/ReadMe.md deleted file mode 100644 index a2d2a4c2ad..0000000000 --- a/samples/gauges/bullet-graph/animation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Animation feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/animation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/background/ReadMe.md b/samples/gauges/bullet-graph/background/ReadMe.md deleted file mode 100644 index cd19c82d09..0000000000 --- a/samples/gauges/bullet-graph/background/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Background feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/background -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/highlight-needle/ReadMe.md b/samples/gauges/bullet-graph/highlight-needle/ReadMe.md deleted file mode 100644 index 026f9a06eb..0000000000 --- a/samples/gauges/bullet-graph/highlight-needle/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Highlight Needle feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/highlight-needle -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/labels/ReadMe.md b/samples/gauges/bullet-graph/labels/ReadMe.md deleted file mode 100644 index 86dc346d01..0000000000 --- a/samples/gauges/bullet-graph/labels/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Labels feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/labels -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/measures/ReadMe.md b/samples/gauges/bullet-graph/measures/ReadMe.md deleted file mode 100644 index 55198ee931..0000000000 --- a/samples/gauges/bullet-graph/measures/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Measures feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/measures -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/ranges/ReadMe.md b/samples/gauges/bullet-graph/ranges/ReadMe.md deleted file mode 100644 index 3e7939260e..0000000000 --- a/samples/gauges/bullet-graph/ranges/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Ranges feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/ranges -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/scale/ReadMe.md b/samples/gauges/bullet-graph/scale/ReadMe.md deleted file mode 100644 index 242e7107a5..0000000000 --- a/samples/gauges/bullet-graph/scale/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Scale feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/scale -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/tickmarks/ReadMe.md b/samples/gauges/bullet-graph/tickmarks/ReadMe.md deleted file mode 100644 index 743c8429c0..0000000000 --- a/samples/gauges/bullet-graph/tickmarks/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Tickmarks feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/tickmarks -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/type-filled/ReadMe.md b/samples/gauges/bullet-graph/type-filled/ReadMe.md deleted file mode 100644 index e6f8b1a789..0000000000 --- a/samples/gauges/bullet-graph/type-filled/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Filled feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/type-filled -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/type-horizontal/ReadMe.md b/samples/gauges/bullet-graph/type-horizontal/ReadMe.md deleted file mode 100644 index 35e41fd134..0000000000 --- a/samples/gauges/bullet-graph/type-horizontal/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Horizontal feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/type-horizontal -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/type-reversed/ReadMe.md b/samples/gauges/bullet-graph/type-reversed/ReadMe.md deleted file mode 100644 index 7510e73e58..0000000000 --- a/samples/gauges/bullet-graph/type-reversed/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Reversed feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/type-reversed -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/type-segmented/ReadMe.md b/samples/gauges/bullet-graph/type-segmented/ReadMe.md deleted file mode 100644 index 5e8c9d095e..0000000000 --- a/samples/gauges/bullet-graph/type-segmented/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Segmented feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/type-segmented -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/bullet-graph/type-vertical/ReadMe.md b/samples/gauges/bullet-graph/type-vertical/ReadMe.md deleted file mode 100644 index 2a1894a974..0000000000 --- a/samples/gauges/bullet-graph/type-vertical/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Vertical feature using [Bullet Graph](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/bullet-graph/type-vertical -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/animation/ReadMe.md b/samples/gauges/linear-gauge/animation/ReadMe.md deleted file mode 100644 index 93823ed6aa..0000000000 --- a/samples/gauges/linear-gauge/animation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Animation feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/animation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/backing/ReadMe.md b/samples/gauges/linear-gauge/backing/ReadMe.md deleted file mode 100644 index 5969ceac7f..0000000000 --- a/samples/gauges/linear-gauge/backing/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Backing feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/backing -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/highlight-needle/ReadMe.md b/samples/gauges/linear-gauge/highlight-needle/ReadMe.md deleted file mode 100644 index e6c765d059..0000000000 --- a/samples/gauges/linear-gauge/highlight-needle/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Highlight Needle feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/highlight-needle -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/labels/ReadMe.md b/samples/gauges/linear-gauge/labels/ReadMe.md deleted file mode 100644 index 123b625596..0000000000 --- a/samples/gauges/linear-gauge/labels/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Labels feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/labels -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/needle/ReadMe.md b/samples/gauges/linear-gauge/needle/ReadMe.md deleted file mode 100644 index e46e34f51e..0000000000 --- a/samples/gauges/linear-gauge/needle/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Needle feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/needle -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/ranges/ReadMe.md b/samples/gauges/linear-gauge/ranges/ReadMe.md deleted file mode 100644 index cadf8c6ed4..0000000000 --- a/samples/gauges/linear-gauge/ranges/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Ranges feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/ranges -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/scale/ReadMe.md b/samples/gauges/linear-gauge/scale/ReadMe.md deleted file mode 100644 index d28ddbb7c1..0000000000 --- a/samples/gauges/linear-gauge/scale/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Scale feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/scale -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/tickmarks/ReadMe.md b/samples/gauges/linear-gauge/tickmarks/ReadMe.md deleted file mode 100644 index 2369ae65ba..0000000000 --- a/samples/gauges/linear-gauge/tickmarks/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Tickmarks feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/tickmarks -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-curved/ReadMe.md b/samples/gauges/linear-gauge/type-curved/ReadMe.md deleted file mode 100644 index 925a3c6c81..0000000000 --- a/samples/gauges/linear-gauge/type-curved/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Curved feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/type-curved -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-filled/ReadMe.md b/samples/gauges/linear-gauge/type-filled/ReadMe.md deleted file mode 100644 index 3638e784ba..0000000000 --- a/samples/gauges/linear-gauge/type-filled/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Filled feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/type-filled -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-horizontal/ReadMe.md b/samples/gauges/linear-gauge/type-horizontal/ReadMe.md deleted file mode 100644 index 05004d80e6..0000000000 --- a/samples/gauges/linear-gauge/type-horizontal/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Horizontal feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/type-horizontal -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-multi-range/ReadMe.md b/samples/gauges/linear-gauge/type-multi-range/ReadMe.md deleted file mode 100644 index 03d4cbf21e..0000000000 --- a/samples/gauges/linear-gauge/type-multi-range/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Multi Range feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/type-multi-range -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-multi-scale/ReadMe.md b/samples/gauges/linear-gauge/type-multi-scale/ReadMe.md deleted file mode 100644 index 6e85966b0d..0000000000 --- a/samples/gauges/linear-gauge/type-multi-scale/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Multi Scale feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/type-multi-scale -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-segmented/ReadMe.md b/samples/gauges/linear-gauge/type-segmented/ReadMe.md deleted file mode 100644 index a40fe64621..0000000000 --- a/samples/gauges/linear-gauge/type-segmented/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Segmented feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/type-segmented -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/linear-gauge/type-vertical/ReadMe.md b/samples/gauges/linear-gauge/type-vertical/ReadMe.md deleted file mode 100644 index d201a5b28e..0000000000 --- a/samples/gauges/linear-gauge/type-vertical/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Vertical feature using [Linear Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/linear-gauge/type-vertical -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/animation/ReadMe.md b/samples/gauges/radial-gauge/animation/ReadMe.md deleted file mode 100644 index 9ce73e1464..0000000000 --- a/samples/gauges/radial-gauge/animation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Animation feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/animation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/backing/ReadMe.md b/samples/gauges/radial-gauge/backing/ReadMe.md deleted file mode 100644 index e8cf87ab14..0000000000 --- a/samples/gauges/radial-gauge/backing/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Backing feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/backing -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/highlight-needle/ReadMe.md b/samples/gauges/radial-gauge/highlight-needle/ReadMe.md deleted file mode 100644 index 2122d38c27..0000000000 --- a/samples/gauges/radial-gauge/highlight-needle/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Highlight Needle feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/highlight-needle -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/labels/ReadMe.md b/samples/gauges/radial-gauge/labels/ReadMe.md deleted file mode 100644 index 0528dbcc2f..0000000000 --- a/samples/gauges/radial-gauge/labels/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Labels feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/labels -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/needle/ReadMe.md b/samples/gauges/radial-gauge/needle/ReadMe.md deleted file mode 100644 index c37fb076fd..0000000000 --- a/samples/gauges/radial-gauge/needle/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Needle feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/needle -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/optical-scaling/ReadMe.md b/samples/gauges/radial-gauge/optical-scaling/ReadMe.md deleted file mode 100644 index 38e25cad1f..0000000000 --- a/samples/gauges/radial-gauge/optical-scaling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Optical Scaling feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/optical-scaling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/ranges/ReadMe.md b/samples/gauges/radial-gauge/ranges/ReadMe.md deleted file mode 100644 index d1e0228670..0000000000 --- a/samples/gauges/radial-gauge/ranges/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Ranges feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/ranges -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/scale/ReadMe.md b/samples/gauges/radial-gauge/scale/ReadMe.md deleted file mode 100644 index 5b351a359a..0000000000 --- a/samples/gauges/radial-gauge/scale/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Scale feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/scale -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/tickmarks/ReadMe.md b/samples/gauges/radial-gauge/tickmarks/ReadMe.md deleted file mode 100644 index 6e1c9efa5b..0000000000 --- a/samples/gauges/radial-gauge/tickmarks/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Tickmarks feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/tickmarks -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-column/ReadMe.md b/samples/gauges/radial-gauge/type-column/ReadMe.md deleted file mode 100644 index 7b4805ddff..0000000000 --- a/samples/gauges/radial-gauge/type-column/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Column feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/type-column -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-curved/ReadMe.md b/samples/gauges/radial-gauge/type-curved/ReadMe.md deleted file mode 100644 index 71bdc3795d..0000000000 --- a/samples/gauges/radial-gauge/type-curved/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Curved feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/type-curved -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-direction/ReadMe.md b/samples/gauges/radial-gauge/type-direction/ReadMe.md deleted file mode 100644 index 87c5132fa0..0000000000 --- a/samples/gauges/radial-gauge/type-direction/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Direction feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/type-direction -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-full/ReadMe.md b/samples/gauges/radial-gauge/type-full/ReadMe.md deleted file mode 100644 index f2840efc33..0000000000 --- a/samples/gauges/radial-gauge/type-full/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Full feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/type-full -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-half/ReadMe.md b/samples/gauges/radial-gauge/type-half/ReadMe.md deleted file mode 100644 index 33576e8921..0000000000 --- a/samples/gauges/radial-gauge/type-half/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Half feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/type-half -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-quatre/ReadMe.md b/samples/gauges/radial-gauge/type-quatre/ReadMe.md deleted file mode 100644 index 7d8435561b..0000000000 --- a/samples/gauges/radial-gauge/type-quatre/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Quatre feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/type-quatre -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-ring/ReadMe.md b/samples/gauges/radial-gauge/type-ring/ReadMe.md deleted file mode 100644 index e0c2f1d107..0000000000 --- a/samples/gauges/radial-gauge/type-ring/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Ring feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/type-ring -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-segmented/ReadMe.md b/samples/gauges/radial-gauge/type-segmented/ReadMe.md deleted file mode 100644 index fefd5dc169..0000000000 --- a/samples/gauges/radial-gauge/type-segmented/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Segmented feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/type-segmented -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/gauges/radial-gauge/type-semi/ReadMe.md b/samples/gauges/radial-gauge/type-semi/ReadMe.md deleted file mode 100644 index cea057ca34..0000000000 --- a/samples/gauges/radial-gauge/type-semi/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Semi feature using [Radial Gauge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/gauges/radial-gauge/type-semi -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/accessibility/ReadMe.md b/samples/grids/data-grid/accessibility/ReadMe.md deleted file mode 100644 index f173460201..0000000000 --- a/samples/grids/data-grid/accessibility/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Accessibility feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/accessibility -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/binding-data-service/ReadMe.md b/samples/grids/data-grid/binding-data-service/ReadMe.md deleted file mode 100644 index 1e696b0a32..0000000000 --- a/samples/grids/data-grid/binding-data-service/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Data Service feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/binding-data-service -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/binding-live-data/ReadMe.md b/samples/grids/data-grid/binding-live-data/ReadMe.md deleted file mode 100644 index 70b631889d..0000000000 --- a/samples/grids/data-grid/binding-live-data/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Live Data feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/binding-live-data -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/binding-local-data/ReadMe.md b/samples/grids/data-grid/binding-local-data/ReadMe.md deleted file mode 100644 index d402e086c8..0000000000 --- a/samples/grids/data-grid/binding-local-data/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Local Data feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/binding-local-data -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/binding-remote-data/ReadMe.md b/samples/grids/data-grid/binding-remote-data/ReadMe.md deleted file mode 100644 index 0ce55fa946..0000000000 --- a/samples/grids/data-grid/binding-remote-data/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Remote Data feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/binding-remote-data -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/cell-activation/ReadMe.md b/samples/grids/data-grid/cell-activation/ReadMe.md deleted file mode 100644 index 1eb0ef5d32..0000000000 --- a/samples/grids/data-grid/cell-activation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Cell Activation feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/cell-activation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/cell-editing/ReadMe.md b/samples/grids/data-grid/cell-editing/ReadMe.md deleted file mode 100644 index 8ee7b9d633..0000000000 --- a/samples/grids/data-grid/cell-editing/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Cell Editing feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/cell-editing -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/cell-merging/ReadMe.md b/samples/grids/data-grid/cell-merging/ReadMe.md deleted file mode 100644 index f7fd6dbcd3..0000000000 --- a/samples/grids/data-grid/cell-merging/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Cell Merging feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/cell-merging -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/cell-selection/ReadMe.md b/samples/grids/data-grid/cell-selection/ReadMe.md deleted file mode 100644 index 1ff6de79a2..0000000000 --- a/samples/grids/data-grid/cell-selection/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Cell Selection feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/cell-selection -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-animation/ReadMe.md b/samples/grids/data-grid/column-animation/ReadMe.md deleted file mode 100644 index 01b1e033da..0000000000 --- a/samples/grids/data-grid/column-animation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Animation feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-animation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-chooser-picker/ReadMe.md b/samples/grids/data-grid/column-chooser-picker/ReadMe.md deleted file mode 100644 index 583f5fe66f..0000000000 --- a/samples/grids/data-grid/column-chooser-picker/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Chooser Picker feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-chooser-picker -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-chooser-toolbar/ReadMe.md b/samples/grids/data-grid/column-chooser-toolbar/ReadMe.md deleted file mode 100644 index 7d6138b0fd..0000000000 --- a/samples/grids/data-grid/column-chooser-toolbar/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Chooser Toolbar feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-chooser-toolbar -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-filter-expressions/ReadMe.md b/samples/grids/data-grid/column-filter-expressions/ReadMe.md deleted file mode 100644 index 8eba6c27f8..0000000000 --- a/samples/grids/data-grid/column-filter-expressions/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Filter Expressions feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-filter-expressions -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-filter-operands/ReadMe.md b/samples/grids/data-grid/column-filter-operands/ReadMe.md deleted file mode 100644 index 85d3dfaed2..0000000000 --- a/samples/grids/data-grid/column-filter-operands/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Filter Operands feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-filter-operands -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-filtering/ReadMe.md b/samples/grids/data-grid/column-filtering/ReadMe.md deleted file mode 100644 index f3462c2f0d..0000000000 --- a/samples/grids/data-grid/column-filtering/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Filtering feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-filtering -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-moving/ReadMe.md b/samples/grids/data-grid/column-moving/ReadMe.md deleted file mode 100644 index bc74e5cfe7..0000000000 --- a/samples/grids/data-grid/column-moving/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Moving feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-moving -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-options/ReadMe.md b/samples/grids/data-grid/column-options/ReadMe.md deleted file mode 100644 index bfb3064591..0000000000 --- a/samples/grids/data-grid/column-options/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Options feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-options -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-pinning-picker/ReadMe.md b/samples/grids/data-grid/column-pinning-picker/ReadMe.md deleted file mode 100644 index a22eea90cd..0000000000 --- a/samples/grids/data-grid/column-pinning-picker/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Pinning Picker feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-pinning-picker -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-pinning-toolbar/ReadMe.md b/samples/grids/data-grid/column-pinning-toolbar/ReadMe.md deleted file mode 100644 index 4741ba51ff..0000000000 --- a/samples/grids/data-grid/column-pinning-toolbar/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Pinning Toolbar feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-pinning-toolbar -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-resizing/ReadMe.md b/samples/grids/data-grid/column-resizing/ReadMe.md deleted file mode 100644 index 5f2a08a516..0000000000 --- a/samples/grids/data-grid/column-resizing/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Resizing feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-resizing -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-scrolling/ReadMe.md b/samples/grids/data-grid/column-scrolling/ReadMe.md deleted file mode 100644 index 913f321ac2..0000000000 --- a/samples/grids/data-grid/column-scrolling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Scrolling feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-scrolling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-sorting/ReadMe.md b/samples/grids/data-grid/column-sorting/ReadMe.md deleted file mode 100644 index d0b4b9dc2b..0000000000 --- a/samples/grids/data-grid/column-sorting/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Sorting feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-sorting -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-summaries/ReadMe.md b/samples/grids/data-grid/column-summaries/ReadMe.md deleted file mode 100644 index 965b525aa9..0000000000 --- a/samples/grids/data-grid/column-summaries/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Summaries feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-summaries -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/column-types/ReadMe.md b/samples/grids/data-grid/column-types/ReadMe.md deleted file mode 100644 index 45d305f834..0000000000 --- a/samples/grids/data-grid/column-types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Column Types feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/column-types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/load-save-layout/ReadMe.md b/samples/grids/data-grid/load-save-layout/ReadMe.md deleted file mode 100644 index 9de2990fa8..0000000000 --- a/samples/grids/data-grid/load-save-layout/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Load Save Layout feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/load-save-layout -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/localization/ReadMe.md b/samples/grids/data-grid/localization/ReadMe.md deleted file mode 100644 index 012b0b4d3b..0000000000 --- a/samples/grids/data-grid/localization/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Localization feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/localization -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/overview/ReadMe.md b/samples/grids/data-grid/overview/ReadMe.md deleted file mode 100644 index 0c714be29b..0000000000 --- a/samples/grids/data-grid/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/pager/ReadMe.md b/samples/grids/data-grid/pager/ReadMe.md deleted file mode 100644 index aad637942c..0000000000 --- a/samples/grids/data-grid/pager/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Pager feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/pager -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/performance/ReadMe.md b/samples/grids/data-grid/performance/ReadMe.md deleted file mode 100644 index f138415c72..0000000000 --- a/samples/grids/data-grid/performance/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Performance feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/performance -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-group-descriptions/ReadMe.md b/samples/grids/data-grid/row-group-descriptions/ReadMe.md deleted file mode 100644 index e950015b64..0000000000 --- a/samples/grids/data-grid/row-group-descriptions/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Row Group Descriptions feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/row-group-descriptions -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-grouping/ReadMe.md b/samples/grids/data-grid/row-grouping/ReadMe.md deleted file mode 100644 index 3a84dbf065..0000000000 --- a/samples/grids/data-grid/row-grouping/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Row Grouping feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/row-grouping -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-highlighting/ReadMe.md b/samples/grids/data-grid/row-highlighting/ReadMe.md deleted file mode 100644 index 10272f5a38..0000000000 --- a/samples/grids/data-grid/row-highlighting/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Row Highlighting feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/row-highlighting -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-paging/ReadMe.md b/samples/grids/data-grid/row-paging/ReadMe.md deleted file mode 100644 index 6bdd5b24ae..0000000000 --- a/samples/grids/data-grid/row-paging/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Row Paging feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/row-paging -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-pinning/ReadMe.md b/samples/grids/data-grid/row-pinning/ReadMe.md deleted file mode 100644 index 5597895f00..0000000000 --- a/samples/grids/data-grid/row-pinning/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Row Pinning feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/row-pinning -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/row-selection/ReadMe.md b/samples/grids/data-grid/row-selection/ReadMe.md deleted file mode 100644 index 067cacc143..0000000000 --- a/samples/grids/data-grid/row-selection/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Row Selection feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/row-selection -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/type-comparison-table/ReadMe.md b/samples/grids/data-grid/type-comparison-table/ReadMe.md deleted file mode 100644 index a4b6403aa0..0000000000 --- a/samples/grids/data-grid/type-comparison-table/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Comparison Table feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/type-comparison-table -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/type-heatmap-table/ReadMe.md b/samples/grids/data-grid/type-heatmap-table/ReadMe.md deleted file mode 100644 index a66e69007b..0000000000 --- a/samples/grids/data-grid/type-heatmap-table/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Heatmap Table feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/type-heatmap-table -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/type-marketing-table/ReadMe.md b/samples/grids/data-grid/type-marketing-table/ReadMe.md deleted file mode 100644 index edc390e9ec..0000000000 --- a/samples/grids/data-grid/type-marketing-table/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Marketing Table feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/type-marketing-table -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/type-matrix-table/ReadMe.md b/samples/grids/data-grid/type-matrix-table/ReadMe.md deleted file mode 100644 index c25f644bd4..0000000000 --- a/samples/grids/data-grid/type-matrix-table/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Matrix Table feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/type-matrix-table -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/data-grid/type-periodic-table/ReadMe.md b/samples/grids/data-grid/type-periodic-table/ReadMe.md deleted file mode 100644 index c45763efe0..0000000000 --- a/samples/grids/data-grid/type-periodic-table/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Periodic Table feature using [Data Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/data-grid/type-periodic-table -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-basic/ReadMe.md b/samples/grids/grid-lite/column-config-basic/ReadMe.md deleted file mode 100644 index c9bbb63513..0000000000 --- a/samples/grids/grid-lite/column-config-basic/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/column-config-basic -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-dynamic/ReadMe.md b/samples/grids/grid-lite/column-config-dynamic/ReadMe.md deleted file mode 100644 index ab94f67e1d..0000000000 --- a/samples/grids/grid-lite/column-config-dynamic/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/column-config-dynamic -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-headers/ReadMe.md b/samples/grids/grid-lite/column-config-headers/ReadMe.md deleted file mode 100644 index 45a0440952..0000000000 --- a/samples/grids/grid-lite/column-config-headers/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/column-config-headers -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/data-binding/ReadMe.md b/samples/grids/grid-lite/data-binding/ReadMe.md deleted file mode 100644 index 5eac97d1cb..0000000000 --- a/samples/grids/grid-lite/data-binding/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/data-binding -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/filtering-config-events/ReadMe.md b/samples/grids/grid-lite/filtering-config-events/ReadMe.md deleted file mode 100644 index 48c6a10f0a..0000000000 --- a/samples/grids/grid-lite/filtering-config-events/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/filtering-config-events -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/filtering-config-remote/ReadMe.md b/samples/grids/grid-lite/filtering-config-remote/ReadMe.md deleted file mode 100644 index e0135c7d7d..0000000000 --- a/samples/grids/grid-lite/filtering-config-remote/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/filtering-config-remote -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/filtering-config/ReadMe.md b/samples/grids/grid-lite/filtering-config/ReadMe.md deleted file mode 100644 index b5a7a274a6..0000000000 --- a/samples/grids/grid-lite/filtering-config/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/filtering-config -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/overview/ReadMe.md b/samples/grids/grid-lite/overview/ReadMe.md deleted file mode 100644 index ec94e6cfc8..0000000000 --- a/samples/grids/grid-lite/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-events/ReadMe.md b/samples/grids/grid-lite/sort-config-events/ReadMe.md deleted file mode 100644 index 9fe11680c4..0000000000 --- a/samples/grids/grid-lite/sort-config-events/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/sort-config-events -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-grid/ReadMe.md b/samples/grids/grid-lite/sort-config-grid/ReadMe.md deleted file mode 100644 index c90bd2e358..0000000000 --- a/samples/grids/grid-lite/sort-config-grid/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/sort-config-grid -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-pipeline/ReadMe.md b/samples/grids/grid-lite/sort-config-pipeline/ReadMe.md deleted file mode 100644 index bededbf016..0000000000 --- a/samples/grids/grid-lite/sort-config-pipeline/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/sort-config-pipeline -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-sample/ReadMe.md b/samples/grids/grid-lite/sort-config-sample/ReadMe.md deleted file mode 100644 index 970e7e07c0..0000000000 --- a/samples/grids/grid-lite/sort-config-sample/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/sort-config-sample -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/styling-custom-theme/ReadMe.md b/samples/grids/grid-lite/styling-custom-theme/ReadMe.md deleted file mode 100644 index ee219085b8..0000000000 --- a/samples/grids/grid-lite/styling-custom-theme/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of , feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/grid-lite/styling-custom-theme -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/list/add-list-items/ReadMe.md b/samples/grids/list/add-list-items/ReadMe.md deleted file mode 100644 index c9dbbaae8a..0000000000 --- a/samples/grids/list/add-list-items/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Add Items feature using [List](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/list/add-list-items -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/list/list-item-content/ReadMe.md b/samples/grids/list/list-item-content/ReadMe.md deleted file mode 100644 index a0b0334862..0000000000 --- a/samples/grids/list/list-item-content/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Item Content feature using [List](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/list/list-item-content -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/list/overview/ReadMe.md b/samples/grids/list/overview/ReadMe.md deleted file mode 100644 index 473db6220e..0000000000 --- a/samples/grids/list/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [List](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/list/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/list/styling/ReadMe.md b/samples/grids/list/styling/ReadMe.md deleted file mode 100644 index b970b2a055..0000000000 --- a/samples/grids/list/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [List](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/list/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/tree/basic-example/ReadMe.md b/samples/grids/tree/basic-example/ReadMe.md deleted file mode 100644 index 3047d0578f..0000000000 --- a/samples/grids/tree/basic-example/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Basic Example feature using [Tree](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/grids/tree/basic-example -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/badge/outlined/ReadMe.md b/samples/inputs/badge/outlined/ReadMe.md deleted file mode 100644 index c9662cca02..0000000000 --- a/samples/inputs/badge/outlined/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Outlined feature using [Badge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/badge/outlined -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/badge/shape/ReadMe.md b/samples/inputs/badge/shape/ReadMe.md deleted file mode 100644 index a30cd83c54..0000000000 --- a/samples/inputs/badge/shape/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Shape feature using [Badge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/badge/shape -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/badge/variants/ReadMe.md b/samples/inputs/badge/variants/ReadMe.md deleted file mode 100644 index be645a4d88..0000000000 --- a/samples/inputs/badge/variants/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Variants feature using [Badge](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/badge/variants -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button-group/alignment/ReadMe.md b/samples/inputs/button-group/alignment/ReadMe.md deleted file mode 100644 index 897b9eacf5..0000000000 --- a/samples/inputs/button-group/alignment/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Alignment feature using [Button Group](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button-group/alignment -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button-group/overview/ReadMe.md b/samples/inputs/button-group/overview/ReadMe.md deleted file mode 100644 index cc22719782..0000000000 --- a/samples/inputs/button-group/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Button Group](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button-group/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button-group/selection/ReadMe.md b/samples/inputs/button-group/selection/ReadMe.md deleted file mode 100644 index 96d58ef1f2..0000000000 --- a/samples/inputs/button-group/selection/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Selection feature using [Button Group](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button-group/selection -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button-group/size/ReadMe.md b/samples/inputs/button-group/size/ReadMe.md deleted file mode 100644 index 5b4459daef..0000000000 --- a/samples/inputs/button-group/size/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Size feature using [Button Group](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button-group/size -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button-group/styling/ReadMe.md b/samples/inputs/button-group/styling/ReadMe.md deleted file mode 100644 index 5701043627..0000000000 --- a/samples/inputs/button-group/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Button Group](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button-group/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/contained/ReadMe.md b/samples/inputs/button/contained/ReadMe.md deleted file mode 100644 index d653b6b1d8..0000000000 --- a/samples/inputs/button/contained/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Contained feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button/contained -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/download/ReadMe.md b/samples/inputs/button/download/ReadMe.md deleted file mode 100644 index 2647332fba..0000000000 --- a/samples/inputs/button/download/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Download feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button/download -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/fab/ReadMe.md b/samples/inputs/button/fab/ReadMe.md deleted file mode 100644 index 3f31800191..0000000000 --- a/samples/inputs/button/fab/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Fab feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button/fab -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/flat/ReadMe.md b/samples/inputs/button/flat/ReadMe.md deleted file mode 100644 index 35a6ce6ea9..0000000000 --- a/samples/inputs/button/flat/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Flat feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button/flat -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/outlined/ReadMe.md b/samples/inputs/button/outlined/ReadMe.md deleted file mode 100644 index 9215087f9b..0000000000 --- a/samples/inputs/button/outlined/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Outlined feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button/outlined -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/overview/ReadMe.md b/samples/inputs/button/overview/ReadMe.md deleted file mode 100644 index 463ac5cc62..0000000000 --- a/samples/inputs/button/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/size/ReadMe.md b/samples/inputs/button/size/ReadMe.md deleted file mode 100644 index 09dd7ee852..0000000000 --- a/samples/inputs/button/size/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Size feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button/size -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/button/styling/ReadMe.md b/samples/inputs/button/styling/ReadMe.md deleted file mode 100644 index ab374ecad2..0000000000 --- a/samples/inputs/button/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/button/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/checkbox/checking/ReadMe.md b/samples/inputs/checkbox/checking/ReadMe.md deleted file mode 100644 index c1c6cad402..0000000000 --- a/samples/inputs/checkbox/checking/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Checking feature using [Checkbox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/checkbox/checking -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/checkbox/disabled/ReadMe.md b/samples/inputs/checkbox/disabled/ReadMe.md deleted file mode 100644 index c9b52293eb..0000000000 --- a/samples/inputs/checkbox/disabled/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Disabled feature using [Checkbox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/checkbox/disabled -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/checkbox/indeterminate/ReadMe.md b/samples/inputs/checkbox/indeterminate/ReadMe.md deleted file mode 100644 index 8e5065c3ca..0000000000 --- a/samples/inputs/checkbox/indeterminate/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Indeterminate feature using [Checkbox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/checkbox/indeterminate -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/checkbox/label/ReadMe.md b/samples/inputs/checkbox/label/ReadMe.md deleted file mode 100644 index 65affc79fb..0000000000 --- a/samples/inputs/checkbox/label/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Label feature using [Checkbox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/checkbox/label -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/checkbox/overview/ReadMe.md b/samples/inputs/checkbox/overview/ReadMe.md deleted file mode 100644 index 9364492ec5..0000000000 --- a/samples/inputs/checkbox/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Checkbox](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/checkbox/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/chip/multiple/ReadMe.md b/samples/inputs/chip/multiple/ReadMe.md deleted file mode 100644 index f7b28f8ebe..0000000000 --- a/samples/inputs/chip/multiple/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Multiple feature using [Chip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/chip/multiple -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/chip/overview/ReadMe.md b/samples/inputs/chip/overview/ReadMe.md deleted file mode 100644 index b35f2f7840..0000000000 --- a/samples/inputs/chip/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Chip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/chip/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/chip/size/ReadMe.md b/samples/inputs/chip/size/ReadMe.md deleted file mode 100644 index 82e196599a..0000000000 --- a/samples/inputs/chip/size/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Size feature using [Chip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/chip/size -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/chip/styling/ReadMe.md b/samples/inputs/chip/styling/ReadMe.md deleted file mode 100644 index ace98241a7..0000000000 --- a/samples/inputs/chip/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Chip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/chip/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/chip/variants/ReadMe.md b/samples/inputs/chip/variants/ReadMe.md deleted file mode 100644 index 9afc6c1d5a..0000000000 --- a/samples/inputs/chip/variants/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Variants feature using [Chip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/chip/variants -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/circular-progress-indicator/dynamic/ReadMe.md b/samples/inputs/circular-progress-indicator/dynamic/ReadMe.md deleted file mode 100644 index 42e21aa1fc..0000000000 --- a/samples/inputs/circular-progress-indicator/dynamic/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Circular Progress Indicator Dynamic feature using [Circular Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/circular-progress-indicator/dynamic -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/circular-progress-indicator/indeterminate/ReadMe.md b/samples/inputs/circular-progress-indicator/indeterminate/ReadMe.md deleted file mode 100644 index 1527530763..0000000000 --- a/samples/inputs/circular-progress-indicator/indeterminate/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Circular Progress Indicator Indeterminate feature using [Circular Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/circular-progress-indicator/indeterminate -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/circular-progress-indicator/simple/ReadMe.md b/samples/inputs/circular-progress-indicator/simple/ReadMe.md deleted file mode 100644 index 9c622acc03..0000000000 --- a/samples/inputs/circular-progress-indicator/simple/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Circular Progress Indicator Simple feature using [Circular Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/circular-progress-indicator/simple -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/circular-progress-indicator/styling/ReadMe.md b/samples/inputs/circular-progress-indicator/styling/ReadMe.md deleted file mode 100644 index 377f340edc..0000000000 --- a/samples/inputs/circular-progress-indicator/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Circular Progress Indicator Styling feature using [Circular Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/circular-progress-indicator/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/features/ReadMe.md b/samples/inputs/combo/features/ReadMe.md deleted file mode 100644 index bd0b771341..0000000000 --- a/samples/inputs/combo/features/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Features feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/combo/features -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/overview/ReadMe.md b/samples/inputs/combo/overview/ReadMe.md deleted file mode 100644 index c253175d15..0000000000 --- a/samples/inputs/combo/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/combo/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/selection/ReadMe.md b/samples/inputs/combo/selection/ReadMe.md deleted file mode 100644 index 58ee7a1e4d..0000000000 --- a/samples/inputs/combo/selection/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Selection feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/combo/selection -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/simplified/ReadMe.md b/samples/inputs/combo/simplified/ReadMe.md deleted file mode 100644 index f3e3d02791..0000000000 --- a/samples/inputs/combo/simplified/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Simplified feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/combo/simplified -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/styling/ReadMe.md b/samples/inputs/combo/styling/ReadMe.md deleted file mode 100644 index 087f555ea8..0000000000 --- a/samples/inputs/combo/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/combo/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/combo/templates/ReadMe.md b/samples/inputs/combo/templates/ReadMe.md deleted file mode 100644 index 386e26cdfd..0000000000 --- a/samples/inputs/combo/templates/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Templates feature using [Combo](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/combo/templates -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/date-time-input/input-format-display-format/ReadMe.md b/samples/inputs/date-time-input/input-format-display-format/ReadMe.md deleted file mode 100644 index 7903beaaaa..0000000000 --- a/samples/inputs/date-time-input/input-format-display-format/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Date Time Input Input Format Display Format feature using [Date Time-Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/date-time-input/input-format-display-format -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/date-time-input/min-max-value/ReadMe.md b/samples/inputs/date-time-input/min-max-value/ReadMe.md deleted file mode 100644 index 1647238e90..0000000000 --- a/samples/inputs/date-time-input/min-max-value/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Date Time Input Min Max Value feature using [Date Time-Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/date-time-input/min-max-value -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/date-time-input/overview/ReadMe.md b/samples/inputs/date-time-input/overview/ReadMe.md deleted file mode 100644 index 2c3e8774e3..0000000000 --- a/samples/inputs/date-time-input/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Date Time Input Overview feature using [Date Time-Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/date-time-input/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/date-time-input/step-up-down/ReadMe.md b/samples/inputs/date-time-input/step-up-down/ReadMe.md deleted file mode 100644 index 49af0a2dff..0000000000 --- a/samples/inputs/date-time-input/step-up-down/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Date Time Input Step Up Down feature using [Date Time-Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/date-time-input/step-up-down -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/group/ReadMe.md b/samples/inputs/dropdown/group/ReadMe.md deleted file mode 100644 index 79b2159f3f..0000000000 --- a/samples/inputs/dropdown/group/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Group feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/dropdown/group -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/header/ReadMe.md b/samples/inputs/dropdown/header/ReadMe.md deleted file mode 100644 index 07dcbc9466..0000000000 --- a/samples/inputs/dropdown/header/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Header feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/dropdown/header -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/item/ReadMe.md b/samples/inputs/dropdown/item/ReadMe.md deleted file mode 100644 index c89830b91b..0000000000 --- a/samples/inputs/dropdown/item/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Item feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/dropdown/item -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/overview/ReadMe.md b/samples/inputs/dropdown/overview/ReadMe.md deleted file mode 100644 index 04bedb10e7..0000000000 --- a/samples/inputs/dropdown/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/dropdown/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/position/ReadMe.md b/samples/inputs/dropdown/position/ReadMe.md deleted file mode 100644 index a1b824f32c..0000000000 --- a/samples/inputs/dropdown/position/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Position feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/dropdown/position -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/styling/ReadMe.md b/samples/inputs/dropdown/styling/ReadMe.md deleted file mode 100644 index 82a46c790d..0000000000 --- a/samples/inputs/dropdown/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/dropdown/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/dropdown/target/ReadMe.md b/samples/inputs/dropdown/target/ReadMe.md deleted file mode 100644 index 768b214c9a..0000000000 --- a/samples/inputs/dropdown/target/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Target feature using [Dropdown](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/dropdown/target -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/icon-button/size/ReadMe.md b/samples/inputs/icon-button/size/ReadMe.md deleted file mode 100644 index 65dd66ff66..0000000000 --- a/samples/inputs/icon-button/size/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Size feature using [Icon Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/icon-button/size -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/icon-button/styling/ReadMe.md b/samples/inputs/icon-button/styling/ReadMe.md deleted file mode 100644 index 585f2b8765..0000000000 --- a/samples/inputs/icon-button/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Icon Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/icon-button/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/icon-button/variant/ReadMe.md b/samples/inputs/icon-button/variant/ReadMe.md deleted file mode 100644 index 94b0aab9a0..0000000000 --- a/samples/inputs/icon-button/variant/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Variant feature using [Icon Button](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/icon-button/variant -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/input/helper-text/ReadMe.md b/samples/inputs/input/helper-text/ReadMe.md deleted file mode 100644 index 17d91f1d16..0000000000 --- a/samples/inputs/input/helper-text/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Helper Text feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/input/helper-text -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/input/overview/ReadMe.md b/samples/inputs/input/overview/ReadMe.md deleted file mode 100644 index b00ea4ed98..0000000000 --- a/samples/inputs/input/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/input/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/input/prefix-suffix/ReadMe.md b/samples/inputs/input/prefix-suffix/ReadMe.md deleted file mode 100644 index e91e896deb..0000000000 --- a/samples/inputs/input/prefix-suffix/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Prefix Suffix feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/input/prefix-suffix -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/input/size/ReadMe.md b/samples/inputs/input/size/ReadMe.md deleted file mode 100644 index 40b7a17410..0000000000 --- a/samples/inputs/input/size/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Size feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/input/size -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/input/styling/ReadMe.md b/samples/inputs/input/styling/ReadMe.md deleted file mode 100644 index 7ba6fec43b..0000000000 --- a/samples/inputs/input/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/input/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/linear-progress-indicator/dynamic/ReadMe.md b/samples/inputs/linear-progress-indicator/dynamic/ReadMe.md deleted file mode 100644 index d6187a89da..0000000000 --- a/samples/inputs/linear-progress-indicator/dynamic/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Linear Progress Indicator Dynamic feature using [Linear Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/linear-progress-indicator/dynamic -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/linear-progress-indicator/simple/ReadMe.md b/samples/inputs/linear-progress-indicator/simple/ReadMe.md deleted file mode 100644 index 6b541bc996..0000000000 --- a/samples/inputs/linear-progress-indicator/simple/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Linear Progress Indicator Simple feature using [Linear Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/linear-progress-indicator/simple -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/linear-progress-indicator/striped/ReadMe.md b/samples/inputs/linear-progress-indicator/striped/ReadMe.md deleted file mode 100644 index 4cbad33b37..0000000000 --- a/samples/inputs/linear-progress-indicator/striped/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Linear Progress Indicator Striped feature using [Linear Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/linear-progress-indicator/striped -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/linear-progress-indicator/styling/ReadMe.md b/samples/inputs/linear-progress-indicator/styling/ReadMe.md deleted file mode 100644 index bd056654dd..0000000000 --- a/samples/inputs/linear-progress-indicator/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Linear Progress Indicator Styling feature using [Linear Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/linear-progress-indicator/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/linear-progress-indicator/types/ReadMe.md b/samples/inputs/linear-progress-indicator/types/ReadMe.md deleted file mode 100644 index 5005671330..0000000000 --- a/samples/inputs/linear-progress-indicator/types/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Linear Progress Indicator Types feature using [Linear Progress-Indicator](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/linear-progress-indicator/types -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/mask-input/applying-mask/ReadMe.md b/samples/inputs/mask-input/applying-mask/ReadMe.md deleted file mode 100644 index 5fb0b64272..0000000000 --- a/samples/inputs/mask-input/applying-mask/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Applying Mask feature using [Mask Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/mask-input/applying-mask -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/mask-input/overview/ReadMe.md b/samples/inputs/mask-input/overview/ReadMe.md deleted file mode 100644 index fd1578634b..0000000000 --- a/samples/inputs/mask-input/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Mask Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/mask-input/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/mask-input/value-modes/ReadMe.md b/samples/inputs/mask-input/value-modes/ReadMe.md deleted file mode 100644 index bd511428c5..0000000000 --- a/samples/inputs/mask-input/value-modes/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Value Modes feature using [Mask Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/mask-input/value-modes -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/alignment/ReadMe.md b/samples/inputs/radio/alignment/ReadMe.md deleted file mode 100644 index a0bec696ed..0000000000 --- a/samples/inputs/radio/alignment/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Alignment feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/radio/alignment -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/disabled/ReadMe.md b/samples/inputs/radio/disabled/ReadMe.md deleted file mode 100644 index 27eeeda5d4..0000000000 --- a/samples/inputs/radio/disabled/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Disabled feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/radio/disabled -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/group/ReadMe.md b/samples/inputs/radio/group/ReadMe.md deleted file mode 100644 index fa70c5ece8..0000000000 --- a/samples/inputs/radio/group/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Group feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/radio/group -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/invalid/ReadMe.md b/samples/inputs/radio/invalid/ReadMe.md deleted file mode 100644 index a5d2fb405e..0000000000 --- a/samples/inputs/radio/invalid/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Invalid feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/radio/invalid -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/label/ReadMe.md b/samples/inputs/radio/label/ReadMe.md deleted file mode 100644 index ece0a5e7c0..0000000000 --- a/samples/inputs/radio/label/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Label feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/radio/label -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/radio/styling/ReadMe.md b/samples/inputs/radio/styling/ReadMe.md deleted file mode 100644 index 3ae2dc9bcb..0000000000 --- a/samples/inputs/radio/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Radio](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/radio/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/rating/basic/ReadMe.md b/samples/inputs/rating/basic/ReadMe.md deleted file mode 100644 index efad72f7d3..0000000000 --- a/samples/inputs/rating/basic/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Basic feature using [Rating](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/rating/basic -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/rating/custom/ReadMe.md b/samples/inputs/rating/custom/ReadMe.md deleted file mode 100644 index 4a641fa989..0000000000 --- a/samples/inputs/rating/custom/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Custom feature using [Rating](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/rating/custom -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/rating/empty/ReadMe.md b/samples/inputs/rating/empty/ReadMe.md deleted file mode 100644 index 7cd1431e5b..0000000000 --- a/samples/inputs/rating/empty/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Empty feature using [Rating](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/rating/empty -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/rating/single-selection/ReadMe.md b/samples/inputs/rating/single-selection/ReadMe.md deleted file mode 100644 index b2a3ce6f41..0000000000 --- a/samples/inputs/rating/single-selection/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Single Selection feature using [Rating](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/rating/single-selection -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/rating/styling/ReadMe.md b/samples/inputs/rating/styling/ReadMe.md deleted file mode 100644 index fa218e2ed3..0000000000 --- a/samples/inputs/rating/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Rating](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/rating/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/ripple/button/ReadMe.md b/samples/inputs/ripple/button/ReadMe.md deleted file mode 100644 index a40c4d0a4c..0000000000 --- a/samples/inputs/ripple/button/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Button feature using [Ripple](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/ripple/button -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/ripple/color/ReadMe.md b/samples/inputs/ripple/color/ReadMe.md deleted file mode 100644 index dbe2c177a6..0000000000 --- a/samples/inputs/ripple/color/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Color feature using [Ripple](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/ripple/color -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/select/group/ReadMe.md b/samples/inputs/select/group/ReadMe.md deleted file mode 100644 index 9e84d827fa..0000000000 --- a/samples/inputs/select/group/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Group feature using [Select](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/select/group -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/select/header/ReadMe.md b/samples/inputs/select/header/ReadMe.md deleted file mode 100644 index 270ffa74d8..0000000000 --- a/samples/inputs/select/header/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Header feature using [Select](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/select/header -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/select/item/ReadMe.md b/samples/inputs/select/item/ReadMe.md deleted file mode 100644 index c4e99bf7c1..0000000000 --- a/samples/inputs/select/item/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Item feature using [Select](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/select/item -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/select/overview/ReadMe.md b/samples/inputs/select/overview/ReadMe.md deleted file mode 100644 index a8c080b1ad..0000000000 --- a/samples/inputs/select/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Select](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/select/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/select/styling/ReadMe.md b/samples/inputs/select/styling/ReadMe.md deleted file mode 100644 index bef30d3a00..0000000000 --- a/samples/inputs/select/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Select](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/select/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/constraints/ReadMe.md b/samples/inputs/slider/constraints/ReadMe.md deleted file mode 100644 index 270878c07f..0000000000 --- a/samples/inputs/slider/constraints/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Constraints feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/slider/constraints -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/disabled/ReadMe.md b/samples/inputs/slider/disabled/ReadMe.md deleted file mode 100644 index 3f9e26da59..0000000000 --- a/samples/inputs/slider/disabled/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Disabled feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/slider/disabled -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/discrete/ReadMe.md b/samples/inputs/slider/discrete/ReadMe.md deleted file mode 100644 index ee9e8729c1..0000000000 --- a/samples/inputs/slider/discrete/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Discrete feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/slider/discrete -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/labels/ReadMe.md b/samples/inputs/slider/labels/ReadMe.md deleted file mode 100644 index bb0bac8f9e..0000000000 --- a/samples/inputs/slider/labels/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Labels feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/slider/labels -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/overview/ReadMe.md b/samples/inputs/slider/overview/ReadMe.md deleted file mode 100644 index 465660d0c1..0000000000 --- a/samples/inputs/slider/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/slider/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/styling/ReadMe.md b/samples/inputs/slider/styling/ReadMe.md deleted file mode 100644 index 9b85b80cca..0000000000 --- a/samples/inputs/slider/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/slider/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/tick-labels/ReadMe.md b/samples/inputs/slider/tick-labels/ReadMe.md deleted file mode 100644 index 200ead4df6..0000000000 --- a/samples/inputs/slider/tick-labels/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Tick Labels feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/slider/tick-labels -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/ticks/ReadMe.md b/samples/inputs/slider/ticks/ReadMe.md deleted file mode 100644 index 59ae13ace2..0000000000 --- a/samples/inputs/slider/ticks/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Ticks feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/slider/ticks -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/value-format/ReadMe.md b/samples/inputs/slider/value-format/ReadMe.md deleted file mode 100644 index 2b093d5f5e..0000000000 --- a/samples/inputs/slider/value-format/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Value Format feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/slider/value-format -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/slider/value/ReadMe.md b/samples/inputs/slider/value/ReadMe.md deleted file mode 100644 index eefea8f3c5..0000000000 --- a/samples/inputs/slider/value/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Value feature using [Slider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/slider/value -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/switches/checking/ReadMe.md b/samples/inputs/switches/checking/ReadMe.md deleted file mode 100644 index 153418b125..0000000000 --- a/samples/inputs/switches/checking/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Checking feature using [Switches](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/switches/checking -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/switches/disabled/ReadMe.md b/samples/inputs/switches/disabled/ReadMe.md deleted file mode 100644 index 56386cfa5e..0000000000 --- a/samples/inputs/switches/disabled/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Disabled feature using [Switches](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/switches/disabled -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/switches/label/ReadMe.md b/samples/inputs/switches/label/ReadMe.md deleted file mode 100644 index 28c1413d94..0000000000 --- a/samples/inputs/switches/label/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Label feature using [Switches](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/switches/label -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/switches/overview/ReadMe.md b/samples/inputs/switches/overview/ReadMe.md deleted file mode 100644 index 33a6d0803a..0000000000 --- a/samples/inputs/switches/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Switches](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/switches/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/textarea/form-integration/ReadMe.md b/samples/inputs/textarea/form-integration/ReadMe.md deleted file mode 100644 index 2d3602a00b..0000000000 --- a/samples/inputs/textarea/form-integration/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Form Integration feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/textarea/form-integration -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/textarea/overview/ReadMe.md b/samples/inputs/textarea/overview/ReadMe.md deleted file mode 100644 index 6d1339281e..0000000000 --- a/samples/inputs/textarea/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/textarea/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/textarea/resize/ReadMe.md b/samples/inputs/textarea/resize/ReadMe.md deleted file mode 100644 index 1a4ed1e4a4..0000000000 --- a/samples/inputs/textarea/resize/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Resize feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/textarea/resize -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/textarea/slots/ReadMe.md b/samples/inputs/textarea/slots/ReadMe.md deleted file mode 100644 index 679f132327..0000000000 --- a/samples/inputs/textarea/slots/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Slots feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/textarea/slots -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/textarea/styling/ReadMe.md b/samples/inputs/textarea/styling/ReadMe.md deleted file mode 100644 index 2a9fb5cd61..0000000000 --- a/samples/inputs/textarea/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/textarea/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/advanced/ReadMe.md b/samples/inputs/tooltip/advanced/ReadMe.md deleted file mode 100644 index 1404f08077..0000000000 --- a/samples/inputs/tooltip/advanced/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Advanced feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/tooltip/advanced -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/overview/ReadMe.md b/samples/inputs/tooltip/overview/ReadMe.md deleted file mode 100644 index 83f1d2be3c..0000000000 --- a/samples/inputs/tooltip/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/tooltip/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/placement/ReadMe.md b/samples/inputs/tooltip/placement/ReadMe.md deleted file mode 100644 index b62869fa9e..0000000000 --- a/samples/inputs/tooltip/placement/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Placement feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/tooltip/placement -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/rich/ReadMe.md b/samples/inputs/tooltip/rich/ReadMe.md deleted file mode 100644 index b2ea6efe23..0000000000 --- a/samples/inputs/tooltip/rich/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Rich feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/tooltip/rich -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/styling/ReadMe.md b/samples/inputs/tooltip/styling/ReadMe.md deleted file mode 100644 index d5eec4d20e..0000000000 --- a/samples/inputs/tooltip/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/tooltip/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/tooltip/triggers/ReadMe.md b/samples/inputs/tooltip/triggers/ReadMe.md deleted file mode 100644 index 702c1e86b7..0000000000 --- a/samples/inputs/tooltip/triggers/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Triggers feature using [Tooltip](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/inputs/tooltip/triggers -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/interactions/chat/features/ReadMe.md b/samples/interactions/chat/features/ReadMe.md deleted file mode 100644 index 0ebf76fe7f..0000000000 --- a/samples/interactions/chat/features/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Features feature using [Chat](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/interactions/chat/features -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/interactions/chat/overview/ReadMe.md b/samples/interactions/chat/overview/ReadMe.md deleted file mode 100644 index 4a3c2cd4f8..0000000000 --- a/samples/interactions/chat/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Chat](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/interactions/chat/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/interactions/chat/styling/ReadMe.md b/samples/interactions/chat/styling/ReadMe.md deleted file mode 100644 index 2e27363ea7..0000000000 --- a/samples/interactions/chat/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Chat](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/interactions/chat/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/accordion/customization/ReadMe.md b/samples/layouts/accordion/customization/ReadMe.md deleted file mode 100644 index ea370884d5..0000000000 --- a/samples/layouts/accordion/customization/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Customization feature using [Accordion](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/accordion/customization -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/accordion/nested-scenario/ReadMe.md b/samples/layouts/accordion/nested-scenario/ReadMe.md deleted file mode 100644 index f3b25af3be..0000000000 --- a/samples/layouts/accordion/nested-scenario/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Nested Scenario feature using [Accordion](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/accordion/nested-scenario -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/accordion/overview/ReadMe.md b/samples/layouts/accordion/overview/ReadMe.md deleted file mode 100644 index 52fbd79d37..0000000000 --- a/samples/layouts/accordion/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Accordion](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/accordion/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/icon/ReadMe.md b/samples/layouts/avatar/icon/ReadMe.md deleted file mode 100644 index 28318bb2fb..0000000000 --- a/samples/layouts/avatar/icon/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Icon feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/avatar/icon -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/image/ReadMe.md b/samples/layouts/avatar/image/ReadMe.md deleted file mode 100644 index 6b4f88cf73..0000000000 --- a/samples/layouts/avatar/image/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Image feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/avatar/image -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/initials/ReadMe.md b/samples/layouts/avatar/initials/ReadMe.md deleted file mode 100644 index 417127de59..0000000000 --- a/samples/layouts/avatar/initials/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Initials feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/avatar/initials -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/shape/ReadMe.md b/samples/layouts/avatar/shape/ReadMe.md deleted file mode 100644 index 8edc44b397..0000000000 --- a/samples/layouts/avatar/shape/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Shape feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/avatar/shape -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/size/ReadMe.md b/samples/layouts/avatar/size/ReadMe.md deleted file mode 100644 index dc651ffd9c..0000000000 --- a/samples/layouts/avatar/size/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Size feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/avatar/size -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/avatar/styling/ReadMe.md b/samples/layouts/avatar/styling/ReadMe.md deleted file mode 100644 index fdd144568d..0000000000 --- a/samples/layouts/avatar/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Avatar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/avatar/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/card/horizontal/ReadMe.md b/samples/layouts/card/horizontal/ReadMe.md deleted file mode 100644 index 609481bcf5..0000000000 --- a/samples/layouts/card/horizontal/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Horizontal feature using [Card](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/card/horizontal -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/card/overview/ReadMe.md b/samples/layouts/card/overview/ReadMe.md deleted file mode 100644 index f5aa98d707..0000000000 --- a/samples/layouts/card/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Card](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/card/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/card/semi-horizontal/ReadMe.md b/samples/layouts/card/semi-horizontal/ReadMe.md deleted file mode 100644 index 8bc53e6a54..0000000000 --- a/samples/layouts/card/semi-horizontal/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Semi Horizontal feature using [Card](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/card/semi-horizontal -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/card/styling/ReadMe.md b/samples/layouts/card/styling/ReadMe.md deleted file mode 100644 index fcf41721ae..0000000000 --- a/samples/layouts/card/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Card](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/card/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/carousel/animations/ReadMe.md b/samples/layouts/carousel/animations/ReadMe.md deleted file mode 100644 index 5b302681a2..0000000000 --- a/samples/layouts/carousel/animations/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Animations feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/carousel/animations -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/carousel/components/ReadMe.md b/samples/layouts/carousel/components/ReadMe.md deleted file mode 100644 index 37ab14abd8..0000000000 --- a/samples/layouts/carousel/components/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Components feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/carousel/components -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/carousel/overview/ReadMe.md b/samples/layouts/carousel/overview/ReadMe.md deleted file mode 100644 index 880c17763d..0000000000 --- a/samples/layouts/carousel/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/carousel/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/carousel/thumbnail/ReadMe.md b/samples/layouts/carousel/thumbnail/ReadMe.md deleted file mode 100644 index c71a8e0a83..0000000000 --- a/samples/layouts/carousel/thumbnail/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Thumbnail feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/carousel/thumbnail -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/divider/dashed/ReadMe.md b/samples/layouts/divider/dashed/ReadMe.md deleted file mode 100644 index 9b2143344a..0000000000 --- a/samples/layouts/divider/dashed/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Dashed feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/divider/dashed -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/divider/middle/ReadMe.md b/samples/layouts/divider/middle/ReadMe.md deleted file mode 100644 index cbd45aab52..0000000000 --- a/samples/layouts/divider/middle/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Middle feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/divider/middle -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/divider/overview/ReadMe.md b/samples/layouts/divider/overview/ReadMe.md deleted file mode 100644 index 40d0a6ef85..0000000000 --- a/samples/layouts/divider/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/divider/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/divider/select/ReadMe.md b/samples/layouts/divider/select/ReadMe.md deleted file mode 100644 index 0fc576ec86..0000000000 --- a/samples/layouts/divider/select/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Select feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/divider/select -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/divider/vertical/ReadMe.md b/samples/layouts/divider/vertical/ReadMe.md deleted file mode 100644 index 83fe30db4c..0000000000 --- a/samples/layouts/divider/vertical/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Vertical feature using [Divider](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/divider/vertical -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/dock-manager/customize-buttons/ReadMe.md b/samples/layouts/dock-manager/customize-buttons/ReadMe.md deleted file mode 100644 index 3664a97d0e..0000000000 --- a/samples/layouts/dock-manager/customize-buttons/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Customize Buttons feature using [Dock Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/dock-manager/customize-buttons -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/dock-manager/embedding-frames/ReadMe.md b/samples/layouts/dock-manager/embedding-frames/ReadMe.md deleted file mode 100644 index 90c0897437..0000000000 --- a/samples/layouts/dock-manager/embedding-frames/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Embedding Frames feature using [Dock Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/dock-manager/embedding-frames -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/dock-manager/overview/ReadMe.md b/samples/layouts/dock-manager/overview/ReadMe.md deleted file mode 100644 index 33c0588956..0000000000 --- a/samples/layouts/dock-manager/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Dock Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/dock-manager/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/dock-manager/styling/ReadMe.md b/samples/layouts/dock-manager/styling/ReadMe.md deleted file mode 100644 index 2b247999bf..0000000000 --- a/samples/layouts/dock-manager/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Dock Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/dock-manager/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/dock-manager/updating-panes/ReadMe.md b/samples/layouts/dock-manager/updating-panes/ReadMe.md deleted file mode 100644 index 2a8f4e7f0d..0000000000 --- a/samples/layouts/dock-manager/updating-panes/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Updating Panes feature using [Dock Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/dock-manager/updating-panes -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/expansion-panel/component-customization/ReadMe.md b/samples/layouts/expansion-panel/component-customization/ReadMe.md deleted file mode 100644 index 4e61a32d9d..0000000000 --- a/samples/layouts/expansion-panel/component-customization/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Component Customization feature using [Expansion Panel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/expansion-panel/component-customization -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/expansion-panel/properties-and-events/ReadMe.md b/samples/layouts/expansion-panel/properties-and-events/ReadMe.md deleted file mode 100644 index 009c0b20ab..0000000000 --- a/samples/layouts/expansion-panel/properties-and-events/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Properties And Events feature using [Expansion Panel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/expansion-panel/properties-and-events -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/expansion-panel/styling/ReadMe.md b/samples/layouts/expansion-panel/styling/ReadMe.md deleted file mode 100644 index 85e3929c91..0000000000 --- a/samples/layouts/expansion-panel/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Expansion Panel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/expansion-panel/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/expansion-panel/usage/ReadMe.md b/samples/layouts/expansion-panel/usage/ReadMe.md deleted file mode 100644 index 94ef8b9d65..0000000000 --- a/samples/layouts/expansion-panel/usage/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Usage feature using [Expansion Panel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/expansion-panel/usage -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/icon/sizing/ReadMe.md b/samples/layouts/icon/sizing/ReadMe.md deleted file mode 100644 index 18072b30e6..0000000000 --- a/samples/layouts/icon/sizing/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Sizing feature using [Icon](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/icon/sizing -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/icon/styling/ReadMe.md b/samples/layouts/icon/styling/ReadMe.md deleted file mode 100644 index 3287956731..0000000000 --- a/samples/layouts/icon/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Icon](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/icon/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/stepper/animations/ReadMe.md b/samples/layouts/stepper/animations/ReadMe.md deleted file mode 100644 index bbf0b6fa20..0000000000 --- a/samples/layouts/stepper/animations/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Animations feature using [Stepper](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/stepper/animations -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/stepper/linear/ReadMe.md b/samples/layouts/stepper/linear/ReadMe.md deleted file mode 100644 index e4ccf0256f..0000000000 --- a/samples/layouts/stepper/linear/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Linear feature using [Stepper](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/stepper/linear -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/stepper/orientation/ReadMe.md b/samples/layouts/stepper/orientation/ReadMe.md deleted file mode 100644 index 8a79a14c8b..0000000000 --- a/samples/layouts/stepper/orientation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Orientation feature using [Stepper](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/stepper/orientation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/stepper/steptypes/ReadMe.md b/samples/layouts/stepper/steptypes/ReadMe.md deleted file mode 100644 index e2163226ca..0000000000 --- a/samples/layouts/stepper/steptypes/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Steptypes feature using [Stepper](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/stepper/steptypes -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/stepper/styling/ReadMe.md b/samples/layouts/stepper/styling/ReadMe.md deleted file mode 100644 index adea9449e6..0000000000 --- a/samples/layouts/stepper/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Stepper](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/stepper/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tabs/alignment/ReadMe.md b/samples/layouts/tabs/alignment/ReadMe.md deleted file mode 100644 index 930bdff1fd..0000000000 --- a/samples/layouts/tabs/alignment/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Alignment feature using [Tabs](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/tabs/alignment -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tabs/overview/ReadMe.md b/samples/layouts/tabs/overview/ReadMe.md deleted file mode 100644 index 7806245a1b..0000000000 --- a/samples/layouts/tabs/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Tabs](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/tabs/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tabs/prefix-suffix/ReadMe.md b/samples/layouts/tabs/prefix-suffix/ReadMe.md deleted file mode 100644 index 294ff5e044..0000000000 --- a/samples/layouts/tabs/prefix-suffix/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Prefix Suffix feature using [Tabs](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/tabs/prefix-suffix -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tabs/scrolling/ReadMe.md b/samples/layouts/tabs/scrolling/ReadMe.md deleted file mode 100644 index 0de0188dff..0000000000 --- a/samples/layouts/tabs/scrolling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Scrolling feature using [Tabs](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/tabs/scrolling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/actions/ReadMe.md b/samples/layouts/tile-manager/actions/ReadMe.md deleted file mode 100644 index 0463c0f1f6..0000000000 --- a/samples/layouts/tile-manager/actions/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Actions feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/tile-manager/actions -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/columngap/ReadMe.md b/samples/layouts/tile-manager/columngap/ReadMe.md deleted file mode 100644 index 0f8b9e3c49..0000000000 --- a/samples/layouts/tile-manager/columngap/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Columngap feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/tile-manager/columngap -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/dragndrop/ReadMe.md b/samples/layouts/tile-manager/dragndrop/ReadMe.md deleted file mode 100644 index 6d48193c1d..0000000000 --- a/samples/layouts/tile-manager/dragndrop/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Dragndrop feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/tile-manager/dragndrop -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/layout/ReadMe.md b/samples/layouts/tile-manager/layout/ReadMe.md deleted file mode 100644 index baaedc94cb..0000000000 --- a/samples/layouts/tile-manager/layout/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Layout feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/tile-manager/layout -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/overview/ReadMe.md b/samples/layouts/tile-manager/overview/ReadMe.md deleted file mode 100644 index 49fa70bfa4..0000000000 --- a/samples/layouts/tile-manager/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/tile-manager/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/resize/ReadMe.md b/samples/layouts/tile-manager/resize/ReadMe.md deleted file mode 100644 index 0b276d6015..0000000000 --- a/samples/layouts/tile-manager/resize/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Resize feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/tile-manager/resize -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/layouts/tile-manager/styling/ReadMe.md b/samples/layouts/tile-manager/styling/ReadMe.md deleted file mode 100644 index 6b863f3f06..0000000000 --- a/samples/layouts/tile-manager/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Tile Manager](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/layouts/tile-manager/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-data-csv/ReadMe.md b/samples/maps/geo-map/binding-data-csv/ReadMe.md deleted file mode 100644 index 15ba3af482..0000000000 --- a/samples/maps/geo-map/binding-data-csv/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Data Csv feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/binding-data-csv -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-data-json-points/ReadMe.md b/samples/maps/geo-map/binding-data-json-points/ReadMe.md deleted file mode 100644 index 284246c555..0000000000 --- a/samples/maps/geo-map/binding-data-json-points/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Data Json Points feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/binding-data-json-points -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-data-json-shapes/ReadMe.md b/samples/maps/geo-map/binding-data-json-shapes/ReadMe.md deleted file mode 100644 index 352839cd1f..0000000000 --- a/samples/maps/geo-map/binding-data-json-shapes/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Data Json Shapes feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/binding-data-json-shapes -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-data-model/ReadMe.md b/samples/maps/geo-map/binding-data-model/ReadMe.md deleted file mode 100644 index eb4155e2bc..0000000000 --- a/samples/maps/geo-map/binding-data-model/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Data Model feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/binding-data-model -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-multiple-shapes/ReadMe.md b/samples/maps/geo-map/binding-multiple-shapes/ReadMe.md deleted file mode 100644 index e3b9bca7cd..0000000000 --- a/samples/maps/geo-map/binding-multiple-shapes/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Multiple Shapes feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/binding-multiple-shapes -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-multiple-sources/ReadMe.md b/samples/maps/geo-map/binding-multiple-sources/ReadMe.md deleted file mode 100644 index 8edb6ad0a7..0000000000 --- a/samples/maps/geo-map/binding-multiple-sources/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Multiple Sources feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/binding-multiple-sources -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-shp-points/ReadMe.md b/samples/maps/geo-map/binding-shp-points/ReadMe.md deleted file mode 100644 index c5efd4e85b..0000000000 --- a/samples/maps/geo-map/binding-shp-points/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Shp Points feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/binding-shp-points -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-shp-polygons/ReadMe.md b/samples/maps/geo-map/binding-shp-polygons/ReadMe.md deleted file mode 100644 index 55024f7a11..0000000000 --- a/samples/maps/geo-map/binding-shp-polygons/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Shp Polygons feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/binding-shp-polygons -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/binding-shp-polylines/ReadMe.md b/samples/maps/geo-map/binding-shp-polylines/ReadMe.md deleted file mode 100644 index eb1e54680f..0000000000 --- a/samples/maps/geo-map/binding-shp-polylines/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Binding Shp Polylines feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/binding-shp-polylines -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/custom-tooltips/ReadMe.md b/samples/maps/geo-map/custom-tooltips/ReadMe.md deleted file mode 100644 index 801dd8c623..0000000000 --- a/samples/maps/geo-map/custom-tooltips/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Custom Tooltips feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/custom-tooltips -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-all-imagery/ReadMe.md b/samples/maps/geo-map/display-all-imagery/ReadMe.md deleted file mode 100644 index a729b8a83a..0000000000 --- a/samples/maps/geo-map/display-all-imagery/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Display All Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/display-all-imagery -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-azure-imagery/ReadMe.md b/samples/maps/geo-map/display-azure-imagery/ReadMe.md deleted file mode 100644 index d2dc0bef00..0000000000 --- a/samples/maps/geo-map/display-azure-imagery/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Display Azure Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/display-azure-imagery -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-bing-imagery/ReadMe.md b/samples/maps/geo-map/display-bing-imagery/ReadMe.md deleted file mode 100644 index ba2090c097..0000000000 --- a/samples/maps/geo-map/display-bing-imagery/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Display Bing Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/display-bing-imagery -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-custom-imagery/ReadMe.md b/samples/maps/geo-map/display-custom-imagery/ReadMe.md deleted file mode 100644 index 477a1921ed..0000000000 --- a/samples/maps/geo-map/display-custom-imagery/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Display Custom Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/display-custom-imagery -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-esri-imagery/ReadMe.md b/samples/maps/geo-map/display-esri-imagery/ReadMe.md deleted file mode 100644 index f0035366ef..0000000000 --- a/samples/maps/geo-map/display-esri-imagery/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Display Esri Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/display-esri-imagery -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-heat-imagery/ReadMe.md b/samples/maps/geo-map/display-heat-imagery/ReadMe.md deleted file mode 100644 index 415582f393..0000000000 --- a/samples/maps/geo-map/display-heat-imagery/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Display Heat Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/display-heat-imagery -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/display-osm-imagery/ReadMe.md b/samples/maps/geo-map/display-osm-imagery/ReadMe.md deleted file mode 100644 index dab15785c8..0000000000 --- a/samples/maps/geo-map/display-osm-imagery/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Display Osm Imagery feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/display-osm-imagery -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/marker-layouts/ReadMe.md b/samples/maps/geo-map/marker-layouts/ReadMe.md deleted file mode 100644 index c5fe5c4b53..0000000000 --- a/samples/maps/geo-map/marker-layouts/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Marker Layouts feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/marker-layouts -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/marker-template/ReadMe.md b/samples/maps/geo-map/marker-template/ReadMe.md deleted file mode 100644 index 8f9ec3a7ee..0000000000 --- a/samples/maps/geo-map/marker-template/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Marker Template feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/marker-template -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/marker-type/ReadMe.md b/samples/maps/geo-map/marker-type/ReadMe.md deleted file mode 100644 index dc6981995a..0000000000 --- a/samples/maps/geo-map/marker-type/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Marker Type feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/marker-type -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/nav-grid/ReadMe.md b/samples/maps/geo-map/nav-grid/ReadMe.md deleted file mode 100644 index 685edbd272..0000000000 --- a/samples/maps/geo-map/nav-grid/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Nav Grid feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/nav-grid -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/navigation/ReadMe.md b/samples/maps/geo-map/navigation/ReadMe.md deleted file mode 100644 index b5da7d36c0..0000000000 --- a/samples/maps/geo-map/navigation/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Navigation feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/navigation -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/overview/ReadMe.md b/samples/maps/geo-map/overview/ReadMe.md deleted file mode 100644 index ee57d5f0a8..0000000000 --- a/samples/maps/geo-map/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/shape-selection/ReadMe.md b/samples/maps/geo-map/shape-selection/ReadMe.md deleted file mode 100644 index 2b953998a2..0000000000 --- a/samples/maps/geo-map/shape-selection/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Shape Selection feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/shape-selection -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/shape-styling/ReadMe.md b/samples/maps/geo-map/shape-styling/ReadMe.md deleted file mode 100644 index e9ff44e606..0000000000 --- a/samples/maps/geo-map/shape-styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Shape Styling feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/shape-styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/synchronization/ReadMe.md b/samples/maps/geo-map/synchronization/ReadMe.md deleted file mode 100644 index d07c224dfa..0000000000 --- a/samples/maps/geo-map/synchronization/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Synchronization feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/synchronization -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/triangulating-data/ReadMe.md b/samples/maps/geo-map/triangulating-data/ReadMe.md deleted file mode 100644 index 09933df881..0000000000 --- a/samples/maps/geo-map/triangulating-data/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Triangulating Data feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/triangulating-data -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-scatter-area-series/ReadMe.md b/samples/maps/geo-map/type-scatter-area-series/ReadMe.md deleted file mode 100644 index 64534e4f27..0000000000 --- a/samples/maps/geo-map/type-scatter-area-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Area Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/type-scatter-area-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-scatter-bubble-series/ReadMe.md b/samples/maps/geo-map/type-scatter-bubble-series/ReadMe.md deleted file mode 100644 index 9128eef1e2..0000000000 --- a/samples/maps/geo-map/type-scatter-bubble-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Bubble Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/type-scatter-bubble-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-scatter-contour-series/ReadMe.md b/samples/maps/geo-map/type-scatter-contour-series/ReadMe.md deleted file mode 100644 index 7145a493d6..0000000000 --- a/samples/maps/geo-map/type-scatter-contour-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Contour Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/type-scatter-contour-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-scatter-density-series/ReadMe.md b/samples/maps/geo-map/type-scatter-density-series/ReadMe.md deleted file mode 100644 index c4ade2b287..0000000000 --- a/samples/maps/geo-map/type-scatter-density-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Density Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/type-scatter-density-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-scatter-symbol-series/ReadMe.md b/samples/maps/geo-map/type-scatter-symbol-series/ReadMe.md deleted file mode 100644 index 2b987b6404..0000000000 --- a/samples/maps/geo-map/type-scatter-symbol-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Scatter Symbol Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/type-scatter-symbol-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-shape-polygon-series/ReadMe.md b/samples/maps/geo-map/type-shape-polygon-series/ReadMe.md deleted file mode 100644 index 2067ab091a..0000000000 --- a/samples/maps/geo-map/type-shape-polygon-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Shape Polygon Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/type-shape-polygon-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/maps/geo-map/type-shape-polyline-series/ReadMe.md b/samples/maps/geo-map/type-shape-polyline-series/ReadMe.md deleted file mode 100644 index dc77f1f717..0000000000 --- a/samples/maps/geo-map/type-shape-polyline-series/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Type Shape Polyline Series feature using [Geo Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/maps/geo-map/type-shape-polyline-series -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-bar/overview/ReadMe.md b/samples/menus/nav-bar/overview/ReadMe.md deleted file mode 100644 index bce371b488..0000000000 --- a/samples/menus/nav-bar/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Nav Bar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/menus/nav-bar/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-bar/styling/ReadMe.md b/samples/menus/nav-bar/styling/ReadMe.md deleted file mode 100644 index f6351092c4..0000000000 --- a/samples/menus/nav-bar/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Nav Bar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/menus/nav-bar/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-drawer/add-drawer-items/ReadMe.md b/samples/menus/nav-drawer/add-drawer-items/ReadMe.md deleted file mode 100644 index 9d08428fe8..0000000000 --- a/samples/menus/nav-drawer/add-drawer-items/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Add Drawer Items feature using [Nav Drawer](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/menus/nav-drawer/add-drawer-items -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-drawer/add-mini/ReadMe.md b/samples/menus/nav-drawer/add-mini/ReadMe.md deleted file mode 100644 index 5f498f21eb..0000000000 --- a/samples/menus/nav-drawer/add-mini/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Add Mini feature using [Nav Drawer](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/menus/nav-drawer/add-mini -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-drawer/add-positions-navbar/ReadMe.md b/samples/menus/nav-drawer/add-positions-navbar/ReadMe.md deleted file mode 100644 index 770ed24c20..0000000000 --- a/samples/menus/nav-drawer/add-positions-navbar/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Add Positions Navbar feature using [Nav Drawer](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/menus/nav-drawer/add-positions-navbar -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/menus/nav-drawer/styling/ReadMe.md b/samples/menus/nav-drawer/styling/ReadMe.md deleted file mode 100644 index 147bb7a3b5..0000000000 --- a/samples/menus/nav-drawer/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Nav Drawer](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/menus/nav-drawer/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/banner/banner-advanced-sample/ReadMe.md b/samples/notifications/banner/banner-advanced-sample/ReadMe.md deleted file mode 100644 index 9d8d79cffc..0000000000 --- a/samples/notifications/banner/banner-advanced-sample/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Advanced Sample feature using [Banner](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/banner/banner-advanced-sample -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/banner/banner-sample-1/ReadMe.md b/samples/notifications/banner/banner-sample-1/ReadMe.md deleted file mode 100644 index 3571d7396b..0000000000 --- a/samples/notifications/banner/banner-sample-1/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Sample1 feature using [Banner](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/banner/banner-sample-1 -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/banner/banner-sample-2/ReadMe.md b/samples/notifications/banner/banner-sample-2/ReadMe.md deleted file mode 100644 index 867274dcdd..0000000000 --- a/samples/notifications/banner/banner-sample-2/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Sample2 feature using [Banner](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/banner/banner-sample-2 -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/banner/banner-styling/ReadMe.md b/samples/notifications/banner/banner-styling/ReadMe.md deleted file mode 100644 index be137c04e1..0000000000 --- a/samples/notifications/banner/banner-styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Banner](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/banner/banner-styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/dialog/closing-variations/ReadMe.md b/samples/notifications/dialog/closing-variations/ReadMe.md deleted file mode 100644 index 70cb7bc84b..0000000000 --- a/samples/notifications/dialog/closing-variations/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Closing Variations feature using [Dialog](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/dialog/closing-variations -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/dialog/form/ReadMe.md b/samples/notifications/dialog/form/ReadMe.md deleted file mode 100644 index a6d7ebefd0..0000000000 --- a/samples/notifications/dialog/form/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Form feature using [Dialog](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/dialog/form -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/dialog/overview/ReadMe.md b/samples/notifications/dialog/overview/ReadMe.md deleted file mode 100644 index 824bd01570..0000000000 --- a/samples/notifications/dialog/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Dialog](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/dialog/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/dialog/styling/ReadMe.md b/samples/notifications/dialog/styling/ReadMe.md deleted file mode 100644 index f2980bf85f..0000000000 --- a/samples/notifications/dialog/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Dialog](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/dialog/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/snackbar/action-text/ReadMe.md b/samples/notifications/snackbar/action-text/ReadMe.md deleted file mode 100644 index 82009aeb09..0000000000 --- a/samples/notifications/snackbar/action-text/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Action Text feature using [Snackbar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/snackbar/action-text -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/snackbar/display-time/ReadMe.md b/samples/notifications/snackbar/display-time/ReadMe.md deleted file mode 100644 index e199f9c66c..0000000000 --- a/samples/notifications/snackbar/display-time/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Display Time feature using [Snackbar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/snackbar/display-time -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/snackbar/overview/ReadMe.md b/samples/notifications/snackbar/overview/ReadMe.md deleted file mode 100644 index 7f51f95f4d..0000000000 --- a/samples/notifications/snackbar/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Snackbar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/snackbar/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/snackbar/styling/ReadMe.md b/samples/notifications/snackbar/styling/ReadMe.md deleted file mode 100644 index e68f92ea88..0000000000 --- a/samples/notifications/snackbar/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Snackbar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/snackbar/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/toast/overview/ReadMe.md b/samples/notifications/toast/overview/ReadMe.md deleted file mode 100644 index 9e9853bc00..0000000000 --- a/samples/notifications/toast/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Toast](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/toast/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/toast/properties/ReadMe.md b/samples/notifications/toast/properties/ReadMe.md deleted file mode 100644 index 2c2bdc18e5..0000000000 --- a/samples/notifications/toast/properties/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Properties feature using [Toast](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/toast/properties -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/notifications/toast/styling/ReadMe.md b/samples/notifications/toast/styling/ReadMe.md deleted file mode 100644 index 95b38a409f..0000000000 --- a/samples/notifications/toast/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Toast](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/notifications/toast/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/disabled-dates/ReadMe.md b/samples/scheduling/calendar/disabled-dates/ReadMe.md deleted file mode 100644 index 2d4b709074..0000000000 --- a/samples/scheduling/calendar/disabled-dates/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Disabled Dates feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/calendar/disabled-dates -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/formatting/ReadMe.md b/samples/scheduling/calendar/formatting/ReadMe.md deleted file mode 100644 index a46f0e5d68..0000000000 --- a/samples/scheduling/calendar/formatting/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Formatting feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/calendar/formatting -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/header/ReadMe.md b/samples/scheduling/calendar/header/ReadMe.md deleted file mode 100644 index 0bf2479b39..0000000000 --- a/samples/scheduling/calendar/header/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Header feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/calendar/header -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/multiple-months/ReadMe.md b/samples/scheduling/calendar/multiple-months/ReadMe.md deleted file mode 100644 index 8a10e27297..0000000000 --- a/samples/scheduling/calendar/multiple-months/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Multiple Months feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/calendar/multiple-months -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/multiple-selection/ReadMe.md b/samples/scheduling/calendar/multiple-selection/ReadMe.md deleted file mode 100644 index a8a5c6d53e..0000000000 --- a/samples/scheduling/calendar/multiple-selection/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Multiple Selection feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/calendar/multiple-selection -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/overview/ReadMe.md b/samples/scheduling/calendar/overview/ReadMe.md deleted file mode 100644 index 5f4fd62697..0000000000 --- a/samples/scheduling/calendar/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/calendar/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/range-selection/ReadMe.md b/samples/scheduling/calendar/range-selection/ReadMe.md deleted file mode 100644 index eb9b022046..0000000000 --- a/samples/scheduling/calendar/range-selection/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Range Selection feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/calendar/range-selection -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/size/ReadMe.md b/samples/scheduling/calendar/size/ReadMe.md deleted file mode 100644 index 7d726a3060..0000000000 --- a/samples/scheduling/calendar/size/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Size feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/calendar/size -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/special-dates/ReadMe.md b/samples/scheduling/calendar/special-dates/ReadMe.md deleted file mode 100644 index 7034e5cca6..0000000000 --- a/samples/scheduling/calendar/special-dates/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Special Dates feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/calendar/special-dates -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/styling/ReadMe.md b/samples/scheduling/calendar/styling/ReadMe.md deleted file mode 100644 index 575dd0e8a4..0000000000 --- a/samples/scheduling/calendar/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/calendar/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/calendar/week-numbers/ReadMe.md b/samples/scheduling/calendar/week-numbers/ReadMe.md deleted file mode 100644 index 3207eda854..0000000000 --- a/samples/scheduling/calendar/week-numbers/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Week Numbers feature using [Calendar](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/calendar/week-numbers -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-picker/dialog-mode/ReadMe.md b/samples/scheduling/date-picker/dialog-mode/ReadMe.md deleted file mode 100644 index 6586913a26..0000000000 --- a/samples/scheduling/date-picker/dialog-mode/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Dialog Mode feature using [Date Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/date-picker/dialog-mode -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-picker/form/ReadMe.md b/samples/scheduling/date-picker/form/ReadMe.md deleted file mode 100644 index e2e3edebff..0000000000 --- a/samples/scheduling/date-picker/form/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Form feature using [Date Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/date-picker/form -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-picker/format/ReadMe.md b/samples/scheduling/date-picker/format/ReadMe.md deleted file mode 100644 index b76b15455f..0000000000 --- a/samples/scheduling/date-picker/format/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Format feature using [Date Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/date-picker/format -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-picker/overview/ReadMe.md b/samples/scheduling/date-picker/overview/ReadMe.md deleted file mode 100644 index 135d8b6ae8..0000000000 --- a/samples/scheduling/date-picker/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Overview feature using [Date Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/date-picker/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-picker/styling/ReadMe.md b/samples/scheduling/date-picker/styling/ReadMe.md deleted file mode 100644 index 810d156845..0000000000 --- a/samples/scheduling/date-picker/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Styling feature using [Date Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/date-picker/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-range-picker/custom-ranges/ReadMe.md b/samples/scheduling/date-range-picker/custom-ranges/ReadMe.md deleted file mode 100644 index caa84285b7..0000000000 --- a/samples/scheduling/date-range-picker/custom-ranges/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Date Range Picker Custom Ranges feature using [Date Range-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/date-range-picker/custom-ranges -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-range-picker/form/ReadMe.md b/samples/scheduling/date-range-picker/form/ReadMe.md deleted file mode 100644 index bcb1ffa372..0000000000 --- a/samples/scheduling/date-range-picker/form/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Date Range Picker Form feature using [Date Range-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/date-range-picker/form -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-range-picker/overview/ReadMe.md b/samples/scheduling/date-range-picker/overview/ReadMe.md deleted file mode 100644 index 776b419a26..0000000000 --- a/samples/scheduling/date-range-picker/overview/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Date Range Picker Overview feature using [Date Range-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/date-range-picker/overview -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-range-picker/slots/ReadMe.md b/samples/scheduling/date-range-picker/slots/ReadMe.md deleted file mode 100644 index 307007f226..0000000000 --- a/samples/scheduling/date-range-picker/slots/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Date Range Picker Slots feature using [Date Range-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/date-range-picker/slots -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/scheduling/date-range-picker/styling/ReadMe.md b/samples/scheduling/date-range-picker/styling/ReadMe.md deleted file mode 100644 index ca7d94a63b..0000000000 --- a/samples/scheduling/date-range-picker/styling/ReadMe.md +++ /dev/null @@ -1,56 +0,0 @@ - - - -This folder contains implementation of React application with example of Date Range Picker Styling feature using [Date Range-Picker](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. - - - - - - View Docs - - - View Code - - - Run Sample - - - Run Sample - - - - -## Branches - -> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. - -## Instructions - -Follow these instructions to run this example: - - -``` -git clone https://github.com/IgniteUI/igniteui-react-examples.git -git checkout master -cd ./igniteui-react-examples -cd ./samples/scheduling/date-range-picker/styling -``` - -open above folder in VS Code or type: -``` -code . -``` - -In terminal window, run: -``` -npm install --legacy-peer-deps -npm run-script start -``` - -Then open http://localhost:4200/ in your browser - - -## Learn More - -To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). From 59c55d3bc7c2137bfc5d96a27ea7dbd3daa35897 Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Fri, 21 Nov 2025 21:52:47 +0200 Subject: [PATCH 5/7] fix(grid-lite): some basic fixes from import --- browser/public/meta.json | 2 +- browser/src/navigation/SamplesBrowser.json | 2 +- .../user-annotation-layer/ReadMe.md | 56 +++++++ .../column-config-basic/.eslintrc.js | 78 +++++++++ .../grid-lite/column-config-basic/ReadMe.md | 56 +++++++ .../grid-lite/column-config-basic/index.html | 12 ++ .../column-config-basic/package.json | 1 - .../column-config-basic/sandbox.config.json | 5 + .../src/GridLiteColumnConfigBasic.tsx | 99 ------------ ...ridLiteColumnConfigBasic.css => index.css} | 0 .../column-config-basic/src/index.tsx | 99 +++++++++++- .../column-config-basic/tsconfig.json | 44 +++++ .../column-config-basic/vite.config.js | 12 ++ .../column-config-dynamic/.eslintrc.js | 78 +++++++++ .../grid-lite/column-config-dynamic/ReadMe.md | 56 +++++++ .../column-config-dynamic/index.html | 12 ++ .../column-config-dynamic/package.json | 1 - .../column-config-dynamic/sandbox.config.json | 5 + .../src/GridLiteColumnConfigDynamic.tsx | 141 ---------------- ...dLiteColumnConfigDynamic.css => index.css} | 0 .../column-config-dynamic/src/index.tsx | 141 +++++++++++++++- .../column-config-dynamic/tsconfig.json | 44 +++++ .../column-config-dynamic/vite.config.js | 12 ++ .../column-config-headers/.eslintrc.js | 78 +++++++++ .../column-config-headers/ReadMe copy.md | 56 +++++++ .../grid-lite/column-config-headers/ReadMe.md | 56 +++++++ .../column-config-headers/index.html | 12 ++ .../column-config-headers/package.json | 1 - .../column-config-headers/sandbox.config.json | 5 + .../src/GridLiteColumnConfigHeaders.tsx | 71 -------- ...dLiteColumnConfigHeaders.css => index.css} | 0 .../column-config-headers/src/index.tsx | 71 +++++++- .../column-config-headers/tsconfig.json | 44 +++++ .../column-config-headers/vite.config.js | 12 ++ .../grids/grid-lite/data-binding/.eslintrc.js | 78 +++++++++ .../grids/grid-lite/data-binding/ReadMe.md | 56 +++++++ .../grids/grid-lite/data-binding/index.html | 12 ++ .../grids/grid-lite/data-binding/package.json | 1 - .../data-binding/sandbox.config.json | 5 + .../data-binding/src/GridLiteDataBinding.tsx | 73 --------- .../{GridLiteDataBinding.css => index.css} | 0 .../grid-lite/data-binding/src/index.tsx | 73 ++++++++- .../grid-lite/data-binding/tsconfig.json | 44 +++++ .../grid-lite/data-binding/vite.config.js | 12 ++ .../filtering-config-events/.eslintrc.js | 78 +++++++++ .../filtering-config-events/ReadMe.md | 56 +++++++ .../filtering-config-events/index.html | 12 ++ .../filtering-config-events/package.json | 1 - .../sandbox.config.json | 5 + .../src/GridLiteFilteringConfigEvents.tsx | 85 ---------- ...iteFilteringConfigEvents.css => index.css} | 0 .../filtering-config-events/src/index.tsx | 85 +++++++++- .../filtering-config-events/tsconfig.json | 44 +++++ .../filtering-config-events/vite.config.js | 12 ++ .../filtering-config-remote/.eslintrc.js | 78 +++++++++ .../filtering-config-remote/ReadMe.md | 56 +++++++ .../filtering-config-remote/index.html | 12 ++ .../filtering-config-remote/package.json | 1 - .../sandbox.config.json | 5 + .../src/GridLiteFilteringConfigRemote.tsx | 99 ------------ ...iteFilteringConfigRemote.css => index.css} | 0 .../filtering-config-remote/src/index.tsx | 99 +++++++++++- .../filtering-config-remote/tsconfig.json | 44 +++++ .../filtering-config-remote/vite.config.js | 12 ++ .../grid-lite/filtering-config/.eslintrc.js | 78 +++++++++ .../grid-lite/filtering-config/ReadMe.md | 56 +++++++ .../grid-lite/filtering-config/index.html | 12 ++ .../grid-lite/filtering-config/package.json | 1 - .../filtering-config/sandbox.config.json | 5 + .../src/GridLiteFilteringConfig.tsx | 82 ---------- ...{GridLiteFilteringConfig.css => index.css} | 0 .../grid-lite/filtering-config/src/index.tsx | 82 +++++++++- .../grid-lite/filtering-config/tsconfig.json | 44 +++++ .../grid-lite/filtering-config/vite.config.js | 12 ++ samples/grids/grid-lite/overview/.eslintrc.js | 78 +++++++++ samples/grids/grid-lite/overview/ReadMe.md | 56 +++++++ samples/grids/grid-lite/overview/index.html | 12 ++ samples/grids/grid-lite/overview/package.json | 1 - .../grid-lite/overview/sandbox.config.json | 5 + .../overview/src/GridLiteOverview.tsx | 151 ------------------ .../src/{GridLiteOverview.css => index.css} | 0 .../grids/grid-lite/overview/src/index.tsx | 151 +++++++++++++++++- .../grids/grid-lite/overview/tsconfig.json | 44 +++++ .../grids/grid-lite/overview/vite.config.js | 12 ++ .../grid-lite/sort-config-events/.eslintrc.js | 78 +++++++++ .../sort-config-events/ReadMe copy.md | 56 +++++++ .../grid-lite/sort-config-events/ReadMe.md | 56 +++++++ .../grid-lite/sort-config-events/index.html | 12 ++ .../grid-lite/sort-config-events/package.json | 1 - .../sort-config-events/sandbox.config.json | 5 + .../src/GridLiteSortConfigEvents.tsx | 140 ---------------- ...GridLiteSortConfigEvents.css => index.css} | 0 .../sort-config-events/src/index.tsx | 140 +++++++++++++++- .../sort-config-events/tsconfig.json | 44 +++++ .../sort-config-events/vite.config.js | 12 ++ .../grid-lite/sort-config-grid/.eslintrc.js | 78 +++++++++ .../grid-lite/sort-config-grid/ReadMe copy.md | 56 +++++++ .../grid-lite/sort-config-grid/ReadMe.md | 56 +++++++ .../grid-lite/sort-config-grid/index.html | 12 ++ .../grid-lite/sort-config-grid/package.json | 1 - .../sort-config-grid/sandbox.config.json | 5 + .../src/GridLiteSortConfigGrid.tsx | 113 ------------- .../{GridLiteSortConfigGrid.css => index.css} | 0 .../grid-lite/sort-config-grid/src/index.tsx | 113 ++++++++++++- .../grid-lite/sort-config-grid/tsconfig.json | 44 +++++ .../grid-lite/sort-config-grid/vite.config.js | 12 ++ .../sort-config-pipeline/.eslintrc.js | 78 +++++++++ .../grid-lite/sort-config-pipeline/ReadMe.md | 56 +++++++ .../grid-lite/sort-config-pipeline/index.html | 12 ++ .../sort-config-pipeline/package.json | 1 - .../sort-config-pipeline/sandbox.config.json | 5 + .../src/GridLiteSortConfigPipeline.tsx | 135 ---------------- ...idLiteSortConfigPipeline.css => index.css} | 0 .../sort-config-pipeline/src/index.tsx | 135 +++++++++++++++- .../sort-config-pipeline/tsconfig.json | 44 +++++ .../sort-config-pipeline/vite.config.js | 12 ++ .../grid-lite/sort-config-sample/.eslintrc.js | 78 +++++++++ .../grid-lite/sort-config-sample/ReadMe.md | 56 +++++++ .../grid-lite/sort-config-sample/index.html | 12 ++ .../grid-lite/sort-config-sample/package.json | 1 - .../sort-config-sample/sandbox.config.json | 5 + .../src/GridLiteSortConfigSample.tsx | 69 -------- ...GridLiteSortConfigSample.css => index.css} | 0 .../sort-config-sample/src/index.tsx | 69 +++++++- .../sort-config-sample/tsconfig.json | 44 +++++ .../sort-config-sample/vite.config.js | 12 ++ .../styling-custom-theme/.eslintrc.js | 78 +++++++++ .../grid-lite/styling-custom-theme/ReadMe.md | 56 +++++++ .../grid-lite/styling-custom-theme/index.html | 12 ++ .../styling-custom-theme/package.json | 1 - .../styling-custom-theme/sandbox.config.json | 5 + .../src/GridLiteStylingCustomTheme.tsx | 93 ----------- ...idLiteStylingCustomTheme.css => index.css} | 0 .../styling-custom-theme/src/index.tsx | 93 ++++++++++- .../styling-custom-theme/tsconfig.json | 44 +++++ .../styling-custom-theme/vite.config.js | 12 ++ 136 files changed, 4255 insertions(+), 1379 deletions(-) create mode 100644 samples/charts/data-chart/user-annotation-layer/ReadMe.md create mode 100644 samples/grids/grid-lite/column-config-basic/.eslintrc.js create mode 100644 samples/grids/grid-lite/column-config-basic/ReadMe.md create mode 100644 samples/grids/grid-lite/column-config-basic/index.html create mode 100644 samples/grids/grid-lite/column-config-basic/sandbox.config.json delete mode 100644 samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.tsx rename samples/grids/grid-lite/column-config-basic/src/{GridLiteColumnConfigBasic.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/column-config-basic/tsconfig.json create mode 100644 samples/grids/grid-lite/column-config-basic/vite.config.js create mode 100644 samples/grids/grid-lite/column-config-dynamic/.eslintrc.js create mode 100644 samples/grids/grid-lite/column-config-dynamic/ReadMe.md create mode 100644 samples/grids/grid-lite/column-config-dynamic/index.html create mode 100644 samples/grids/grid-lite/column-config-dynamic/sandbox.config.json delete mode 100644 samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.tsx rename samples/grids/grid-lite/column-config-dynamic/src/{GridLiteColumnConfigDynamic.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/column-config-dynamic/tsconfig.json create mode 100644 samples/grids/grid-lite/column-config-dynamic/vite.config.js create mode 100644 samples/grids/grid-lite/column-config-headers/.eslintrc.js create mode 100644 samples/grids/grid-lite/column-config-headers/ReadMe copy.md create mode 100644 samples/grids/grid-lite/column-config-headers/ReadMe.md create mode 100644 samples/grids/grid-lite/column-config-headers/index.html create mode 100644 samples/grids/grid-lite/column-config-headers/sandbox.config.json delete mode 100644 samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.tsx rename samples/grids/grid-lite/column-config-headers/src/{GridLiteColumnConfigHeaders.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/column-config-headers/tsconfig.json create mode 100644 samples/grids/grid-lite/column-config-headers/vite.config.js create mode 100644 samples/grids/grid-lite/data-binding/.eslintrc.js create mode 100644 samples/grids/grid-lite/data-binding/ReadMe.md create mode 100644 samples/grids/grid-lite/data-binding/index.html create mode 100644 samples/grids/grid-lite/data-binding/sandbox.config.json delete mode 100644 samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.tsx rename samples/grids/grid-lite/data-binding/src/{GridLiteDataBinding.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/data-binding/tsconfig.json create mode 100644 samples/grids/grid-lite/data-binding/vite.config.js create mode 100644 samples/grids/grid-lite/filtering-config-events/.eslintrc.js create mode 100644 samples/grids/grid-lite/filtering-config-events/ReadMe.md create mode 100644 samples/grids/grid-lite/filtering-config-events/index.html create mode 100644 samples/grids/grid-lite/filtering-config-events/sandbox.config.json delete mode 100644 samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.tsx rename samples/grids/grid-lite/filtering-config-events/src/{GridLiteFilteringConfigEvents.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/filtering-config-events/tsconfig.json create mode 100644 samples/grids/grid-lite/filtering-config-events/vite.config.js create mode 100644 samples/grids/grid-lite/filtering-config-remote/.eslintrc.js create mode 100644 samples/grids/grid-lite/filtering-config-remote/ReadMe.md create mode 100644 samples/grids/grid-lite/filtering-config-remote/index.html create mode 100644 samples/grids/grid-lite/filtering-config-remote/sandbox.config.json delete mode 100644 samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.tsx rename samples/grids/grid-lite/filtering-config-remote/src/{GridLiteFilteringConfigRemote.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/filtering-config-remote/tsconfig.json create mode 100644 samples/grids/grid-lite/filtering-config-remote/vite.config.js create mode 100644 samples/grids/grid-lite/filtering-config/.eslintrc.js create mode 100644 samples/grids/grid-lite/filtering-config/ReadMe.md create mode 100644 samples/grids/grid-lite/filtering-config/index.html create mode 100644 samples/grids/grid-lite/filtering-config/sandbox.config.json delete mode 100644 samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.tsx rename samples/grids/grid-lite/filtering-config/src/{GridLiteFilteringConfig.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/filtering-config/tsconfig.json create mode 100644 samples/grids/grid-lite/filtering-config/vite.config.js create mode 100644 samples/grids/grid-lite/overview/.eslintrc.js create mode 100644 samples/grids/grid-lite/overview/ReadMe.md create mode 100644 samples/grids/grid-lite/overview/index.html create mode 100644 samples/grids/grid-lite/overview/sandbox.config.json delete mode 100644 samples/grids/grid-lite/overview/src/GridLiteOverview.tsx rename samples/grids/grid-lite/overview/src/{GridLiteOverview.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/overview/tsconfig.json create mode 100644 samples/grids/grid-lite/overview/vite.config.js create mode 100644 samples/grids/grid-lite/sort-config-events/.eslintrc.js create mode 100644 samples/grids/grid-lite/sort-config-events/ReadMe copy.md create mode 100644 samples/grids/grid-lite/sort-config-events/ReadMe.md create mode 100644 samples/grids/grid-lite/sort-config-events/index.html create mode 100644 samples/grids/grid-lite/sort-config-events/sandbox.config.json delete mode 100644 samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.tsx rename samples/grids/grid-lite/sort-config-events/src/{GridLiteSortConfigEvents.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/sort-config-events/tsconfig.json create mode 100644 samples/grids/grid-lite/sort-config-events/vite.config.js create mode 100644 samples/grids/grid-lite/sort-config-grid/.eslintrc.js create mode 100644 samples/grids/grid-lite/sort-config-grid/ReadMe copy.md create mode 100644 samples/grids/grid-lite/sort-config-grid/ReadMe.md create mode 100644 samples/grids/grid-lite/sort-config-grid/index.html create mode 100644 samples/grids/grid-lite/sort-config-grid/sandbox.config.json delete mode 100644 samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.tsx rename samples/grids/grid-lite/sort-config-grid/src/{GridLiteSortConfigGrid.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/sort-config-grid/tsconfig.json create mode 100644 samples/grids/grid-lite/sort-config-grid/vite.config.js create mode 100644 samples/grids/grid-lite/sort-config-pipeline/.eslintrc.js create mode 100644 samples/grids/grid-lite/sort-config-pipeline/ReadMe.md create mode 100644 samples/grids/grid-lite/sort-config-pipeline/index.html create mode 100644 samples/grids/grid-lite/sort-config-pipeline/sandbox.config.json delete mode 100644 samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.tsx rename samples/grids/grid-lite/sort-config-pipeline/src/{GridLiteSortConfigPipeline.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/sort-config-pipeline/tsconfig.json create mode 100644 samples/grids/grid-lite/sort-config-pipeline/vite.config.js create mode 100644 samples/grids/grid-lite/sort-config-sample/.eslintrc.js create mode 100644 samples/grids/grid-lite/sort-config-sample/ReadMe.md create mode 100644 samples/grids/grid-lite/sort-config-sample/index.html create mode 100644 samples/grids/grid-lite/sort-config-sample/sandbox.config.json delete mode 100644 samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.tsx rename samples/grids/grid-lite/sort-config-sample/src/{GridLiteSortConfigSample.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/sort-config-sample/tsconfig.json create mode 100644 samples/grids/grid-lite/sort-config-sample/vite.config.js create mode 100644 samples/grids/grid-lite/styling-custom-theme/.eslintrc.js create mode 100644 samples/grids/grid-lite/styling-custom-theme/ReadMe.md create mode 100644 samples/grids/grid-lite/styling-custom-theme/index.html create mode 100644 samples/grids/grid-lite/styling-custom-theme/sandbox.config.json delete mode 100644 samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.tsx rename samples/grids/grid-lite/styling-custom-theme/src/{GridLiteStylingCustomTheme.css => index.css} (100%) create mode 100644 samples/grids/grid-lite/styling-custom-theme/tsconfig.json create mode 100644 samples/grids/grid-lite/styling-custom-theme/vite.config.js diff --git a/browser/public/meta.json b/browser/public/meta.json index 31b67ae26b..82e18f7e51 100644 --- a/browser/public/meta.json +++ b/browser/public/meta.json @@ -1 +1 @@ -{"version":"23.2.915","date":"2025-11-21 17:55:56","note":"this file is auto-generated"} \ No newline at end of file +{"version":"23.2.915","date":"2025-11-21 21:51:03","note":"this file is auto-generated"} \ No newline at end of file diff --git a/browser/src/navigation/SamplesBrowser.json b/browser/src/navigation/SamplesBrowser.json index 31b67ae26b..82e18f7e51 100644 --- a/browser/src/navigation/SamplesBrowser.json +++ b/browser/src/navigation/SamplesBrowser.json @@ -1 +1 @@ -{"version":"23.2.915","date":"2025-11-21 17:55:56","note":"this file is auto-generated"} \ No newline at end of file +{"version":"23.2.915","date":"2025-11-21 21:51:03","note":"this file is auto-generated"} \ No newline at end of file diff --git a/samples/charts/data-chart/user-annotation-layer/ReadMe.md b/samples/charts/data-chart/user-annotation-layer/ReadMe.md new file mode 100644 index 0000000000..6560b02b4c --- /dev/null +++ b/samples/charts/data-chart/user-annotation-layer/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of User Annotation Layer feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/user-annotation-layer +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-basic/.eslintrc.js b/samples/grids/grid-lite/column-config-basic/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-basic/ReadMe.md b/samples/grids/grid-lite/column-config-basic/ReadMe.md new file mode 100644 index 0000000000..d8e264b92f --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Config Basic feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/column-config-basic +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-basic/index.html b/samples/grids/grid-lite/column-config-basic/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-basic/package.json b/samples/grids/grid-lite/column-config-basic/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/column-config-basic/package.json +++ b/samples/grids/grid-lite/column-config-basic/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/column-config-basic/sandbox.config.json b/samples/grids/grid-lite/column-config-basic/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.tsx b/samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.tsx deleted file mode 100644 index 2162dd7979..0000000000 --- a/samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.tsx +++ /dev/null @@ -1,99 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; -import './GridLiteColumnConfigBasic.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import { - defineComponents, - IgcRatingComponent -} from 'igniteui-webcomponents'; - -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); -defineComponents(IgcRatingComponent); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private formatter: Intl.NumberFormat; - private gridRef: React.RefObject; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.formatter = new Intl.NumberFormat('en-EN', { - style: 'currency', - currency: 'EUR' - }); - this.gridRef = React.createRef(); - } - - componentDidMount() { - if (this.gridRef.current) { - const data: ProductInfo[] = this.dataService.generateProducts(50); - - const columns = [ - { - key: 'name', - headerText: 'Product Name' - }, - { - key: 'price', - headerText: 'Price', - type: 'number', - cellTemplate: (params: any) => { - const span = document.createElement('span'); - span.textContent = this.formatter.format(params.value); - return span; - } - }, - { - key: 'sold', - type: 'number', - headerText: 'Units sold' - }, - { - key: 'total', - headerText: 'Total sold', - cellTemplate: (params: any) => { - const span = document.createElement('span'); - span.textContent = this.formatter.format(params.value); - return span; - } - }, - { - key: 'rating', - type: 'number', - headerText: 'Customer rating', - cellTemplate: (params: any) => { - const rating = document.createElement('igc-rating'); - rating.setAttribute('readonly', ''); - rating.setAttribute('step', '0.01'); - rating.setAttribute('value', params.value.toString()); - return rating; - } - } - ]; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = data; - } - } - - public render(): JSX.Element { - return ( -
-
- -
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.css b/samples/grids/grid-lite/column-config-basic/src/index.css similarity index 100% rename from samples/grids/grid-lite/column-config-basic/src/GridLiteColumnConfigBasic.css rename to samples/grids/grid-lite/column-config-basic/src/index.css diff --git a/samples/grids/grid-lite/column-config-basic/src/index.tsx b/samples/grids/grid-lite/column-config-basic/src/index.tsx index 489c94a368..e22be5c073 100644 --- a/samples/grids/grid-lite/column-config-basic/src/index.tsx +++ b/samples/grids/grid-lite/column-config-basic/src/index.tsx @@ -1 +1,98 @@ -export { default } from './GridLiteColumnConfigBasic'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent +} from 'igniteui-webcomponents'; + +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private formatter: Intl.NumberFormat; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.formatter = new Intl.NumberFormat('en-EN', { + style: 'currency', + currency: 'EUR' + }); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(50); + + const columns = [ + { + key: 'name', + headerText: 'Product Name' + }, + { + key: 'price', + headerText: 'Price', + type: 'number', + cellTemplate: (params: any) => { + const span = document.createElement('span'); + span.textContent = this.formatter.format(params.value); + return span; + } + }, + { + key: 'sold', + type: 'number', + headerText: 'Units sold' + }, + { + key: 'total', + headerText: 'Total sold', + cellTemplate: (params: any) => { + const span = document.createElement('span'); + span.textContent = this.formatter.format(params.value); + return span; + } + }, + { + key: 'rating', + type: 'number', + headerText: 'Customer rating', + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('step', '0.01'); + rating.setAttribute('value', params.value.toString()); + return rating; + } + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/column-config-basic/tsconfig.json b/samples/grids/grid-lite/column-config-basic/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/column-config-basic/vite.config.js b/samples/grids/grid-lite/column-config-basic/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/column-config-basic/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-dynamic/.eslintrc.js b/samples/grids/grid-lite/column-config-dynamic/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-dynamic/ReadMe.md b/samples/grids/grid-lite/column-config-dynamic/ReadMe.md new file mode 100644 index 0000000000..9a174f74bf --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Config Dynamic feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/column-config-dynamic +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-dynamic/index.html b/samples/grids/grid-lite/column-config-dynamic/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-dynamic/package.json b/samples/grids/grid-lite/column-config-dynamic/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/column-config-dynamic/package.json +++ b/samples/grids/grid-lite/column-config-dynamic/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/column-config-dynamic/sandbox.config.json b/samples/grids/grid-lite/column-config-dynamic/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.tsx b/samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.tsx deleted file mode 100644 index 82ed985ac6..0000000000 --- a/samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.tsx +++ /dev/null @@ -1,141 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; -import './GridLiteColumnConfigDynamic.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import { - defineComponents, - IgcRatingComponent -} from 'igniteui-webcomponents'; -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); -defineComponents(IgcRatingComponent); - -const formatter = new Intl.NumberFormat('en-EN', { - style: 'currency', - currency: 'EUR', -}); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private gridRef: React.RefObject; - protected hasFormatters = true; - protected format = (params: any) => { - const span = document.createElement('span'); - span.textContent = formatter.format(params.value); - return span; - }; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - this.toggleFormatters = this.toggleFormatters.bind(this); - this.toggleColumnProperty = this.toggleColumnProperty.bind(this); - } - - componentDidMount() { - if (this.gridRef.current) { - const data: ProductInfo[] = this.dataService.generateProducts(50); - - const columns = [ - { - key: 'id', - hidden: true, - headerText: 'ID' - }, - { - key: 'name', - headerText: 'Product Name' - }, - { - key: 'price', - headerText: 'Price', - type: 'number', - cellTemplate: this.format - }, - { - key: 'sold', - type: 'number', - headerText: 'Units sold' - }, - { - key: 'total', - headerText: 'Total sold', - cellTemplate: this.format - }, - { - key: 'rating', - type: 'number', - headerText: 'Customer rating', - cellTemplate: (params: any) => { - const rating = document.createElement('igc-rating'); - rating.setAttribute('readonly', ''); - rating.setAttribute('step', '0.01'); - rating.setAttribute('value', params.value.toString()); - return rating; - } - } - ]; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = data; - } - } - - toggleFormatters(checked: boolean) { - if (this.gridRef.current) { - this.gridRef.current.updateColumns( - ['price', 'total'].map((key) => ({ - key, - cellTemplate: checked ? this.format : undefined, - })) - ); - } - } - - toggleColumnProperty(columnKey: string, property: string, value: boolean) { - if (this.gridRef.current) { - this.gridRef.current.updateColumns({ key: columnKey, [property]: value }); - } - } - - public render(): JSX.Element { - return ( -
-
- -
-

Column Properties (simplified controls):

- - - -
-
-
- -
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.css b/samples/grids/grid-lite/column-config-dynamic/src/index.css similarity index 100% rename from samples/grids/grid-lite/column-config-dynamic/src/GridLiteColumnConfigDynamic.css rename to samples/grids/grid-lite/column-config-dynamic/src/index.css diff --git a/samples/grids/grid-lite/column-config-dynamic/src/index.tsx b/samples/grids/grid-lite/column-config-dynamic/src/index.tsx index fa4be355bc..919c54d5de 100644 --- a/samples/grids/grid-lite/column-config-dynamic/src/index.tsx +++ b/samples/grids/grid-lite/column-config-dynamic/src/index.tsx @@ -1 +1,140 @@ -export { default } from './GridLiteColumnConfigDynamic'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent); + +const formatter = new Intl.NumberFormat('en-EN', { + style: 'currency', + currency: 'EUR', +}); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + protected hasFormatters = true; + protected format = (params: any) => { + const span = document.createElement('span'); + span.textContent = formatter.format(params.value); + return span; + }; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.toggleFormatters = this.toggleFormatters.bind(this); + this.toggleColumnProperty = this.toggleColumnProperty.bind(this); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(50); + + const columns = [ + { + key: 'id', + hidden: true, + headerText: 'ID' + }, + { + key: 'name', + headerText: 'Product Name' + }, + { + key: 'price', + headerText: 'Price', + type: 'number', + cellTemplate: this.format + }, + { + key: 'sold', + type: 'number', + headerText: 'Units sold' + }, + { + key: 'total', + headerText: 'Total sold', + cellTemplate: this.format + }, + { + key: 'rating', + type: 'number', + headerText: 'Customer rating', + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('step', '0.01'); + rating.setAttribute('value', params.value.toString()); + return rating; + } + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + toggleFormatters(checked: boolean) { + if (this.gridRef.current) { + this.gridRef.current.updateColumns( + ['price', 'total'].map((key) => ({ + key, + cellTemplate: checked ? this.format : undefined, + })) + ); + } + } + + toggleColumnProperty(columnKey: string, property: string, value: boolean) { + if (this.gridRef.current) { + this.gridRef.current.updateColumns({ key: columnKey, [property]: value }); + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+

Column Properties (simplified controls):

+ + + +
+
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/column-config-dynamic/tsconfig.json b/samples/grids/grid-lite/column-config-dynamic/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/column-config-dynamic/vite.config.js b/samples/grids/grid-lite/column-config-dynamic/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/column-config-dynamic/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-headers/.eslintrc.js b/samples/grids/grid-lite/column-config-headers/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-headers/ReadMe copy.md b/samples/grids/grid-lite/column-config-headers/ReadMe copy.md new file mode 100644 index 0000000000..c3201cc224 --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/ReadMe copy.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Toolbar Sample3 feature using [Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid/toolbar-sample-3 +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-headers/ReadMe.md b/samples/grids/grid-lite/column-config-headers/ReadMe.md new file mode 100644 index 0000000000..28e6b48b35 --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Config Headers feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/column-config-headers +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/column-config-headers/index.html b/samples/grids/grid-lite/column-config-headers/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-headers/package.json b/samples/grids/grid-lite/column-config-headers/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/column-config-headers/package.json +++ b/samples/grids/grid-lite/column-config-headers/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/column-config-headers/sandbox.config.json b/samples/grids/grid-lite/column-config-headers/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.tsx b/samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.tsx deleted file mode 100644 index 2471df8ae7..0000000000 --- a/samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.tsx +++ /dev/null @@ -1,71 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, User } from './GridLiteDataService'; -import './GridLiteColumnConfigHeaders.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private gridRef: React.RefObject; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - } - - componentDidMount() { - if (this.gridRef.current) { - const data: User[] = this.dataService.generateUsers(50); - - const columns = [ - { - key: 'id', - headerText: '🆔 ID', - width: '150px' - }, - { - key: 'firstName', - headerText: '👤 First Name' - }, - { - key: 'lastName', - headerText: '👤 Last Name' - }, - { - key: 'age', - headerText: '🎂 Age', - type: 'number', - width: '100px' - }, - { - key: 'email', - headerText: '📧 Email' - } - ]; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = data; - } - } - - public render(): JSX.Element { - return ( -
-
- -
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.css b/samples/grids/grid-lite/column-config-headers/src/index.css similarity index 100% rename from samples/grids/grid-lite/column-config-headers/src/GridLiteColumnConfigHeaders.css rename to samples/grids/grid-lite/column-config-headers/src/index.css diff --git a/samples/grids/grid-lite/column-config-headers/src/index.tsx b/samples/grids/grid-lite/column-config-headers/src/index.tsx index 22633bd730..b2dcee3783 100644 --- a/samples/grids/grid-lite/column-config-headers/src/index.tsx +++ b/samples/grids/grid-lite/column-config-headers/src/index.tsx @@ -1 +1,70 @@ -export { default } from './GridLiteColumnConfigHeaders'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: User[] = this.dataService.generateUsers(50); + + const columns = [ + { + key: 'id', + headerText: '🆔 ID', + width: '150px' + }, + { + key: 'firstName', + headerText: '👤 First Name' + }, + { + key: 'lastName', + headerText: '👤 Last Name' + }, + { + key: 'age', + headerText: '🎂 Age', + type: 'number', + width: '100px' + }, + { + key: 'email', + headerText: '📧 Email' + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/column-config-headers/tsconfig.json b/samples/grids/grid-lite/column-config-headers/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/column-config-headers/vite.config.js b/samples/grids/grid-lite/column-config-headers/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/column-config-headers/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/data-binding/.eslintrc.js b/samples/grids/grid-lite/data-binding/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/data-binding/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/data-binding/ReadMe.md b/samples/grids/grid-lite/data-binding/ReadMe.md new file mode 100644 index 0000000000..ac7302ece1 --- /dev/null +++ b/samples/grids/grid-lite/data-binding/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Data Binding feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/data-binding +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/data-binding/index.html b/samples/grids/grid-lite/data-binding/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/data-binding/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/data-binding/package.json b/samples/grids/grid-lite/data-binding/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/data-binding/package.json +++ b/samples/grids/grid-lite/data-binding/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/data-binding/sandbox.config.json b/samples/grids/grid-lite/data-binding/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/data-binding/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.tsx b/samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.tsx deleted file mode 100644 index ae010df027..0000000000 --- a/samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.tsx +++ /dev/null @@ -1,73 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService } from './GridLiteDataService'; -import './GridLiteDataBinding.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import { - defineComponents, - IgcButtonComponent -} from 'igniteui-webcomponents'; - -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); -defineComponents(IgcButtonComponent); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private gridRef: React.RefObject; - private showingProducts = true; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - this.switchData = this.switchData.bind(this); - } - - componentDidMount() { - if (this.gridRef.current) { - this.gridRef.current.data = this.dataService.generateProducts(50); - - window.addEventListener('error', (e) => { - if (e.message === 'ResizeObserver loop completed with undelivered notifications.') { - e.stopImmediatePropagation(); - } - }); - } - } - - private switchData() { - if (this.gridRef.current) { - this.gridRef.current.columns = []; - - if (this.showingProducts) { - this.gridRef.current.data = this.dataService.generateUsers(50); - this.showingProducts = false; - } else { - this.gridRef.current.data = this.dataService.generateProducts(50); - this.showingProducts = true; - } - } - } - - public render(): JSX.Element { - return ( -
-
- -
-
- -
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.css b/samples/grids/grid-lite/data-binding/src/index.css similarity index 100% rename from samples/grids/grid-lite/data-binding/src/GridLiteDataBinding.css rename to samples/grids/grid-lite/data-binding/src/index.css diff --git a/samples/grids/grid-lite/data-binding/src/index.tsx b/samples/grids/grid-lite/data-binding/src/index.tsx index e8ce02c3f1..eff5378546 100644 --- a/samples/grids/grid-lite/data-binding/src/index.tsx +++ b/samples/grids/grid-lite/data-binding/src/index.tsx @@ -1 +1,72 @@ -export { default } from './GridLiteDataBinding'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcButtonComponent +} from 'igniteui-webcomponents'; + +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcButtonComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private showingProducts = true; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.switchData = this.switchData.bind(this); + } + + componentDidMount() { + if (this.gridRef.current) { + this.gridRef.current.data = this.dataService.generateProducts(50); + + window.addEventListener('error', (e) => { + if (e.message === 'ResizeObserver loop completed with undelivered notifications.') { + e.stopImmediatePropagation(); + } + }); + } + } + + private switchData() { + if (this.gridRef.current) { + this.gridRef.current.columns = []; + + if (this.showingProducts) { + this.gridRef.current.data = this.dataService.generateUsers(50); + this.showingProducts = false; + } else { + this.gridRef.current.data = this.dataService.generateProducts(50); + this.showingProducts = true; + } + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/data-binding/tsconfig.json b/samples/grids/grid-lite/data-binding/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/data-binding/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/data-binding/vite.config.js b/samples/grids/grid-lite/data-binding/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/data-binding/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-events/.eslintrc.js b/samples/grids/grid-lite/filtering-config-events/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-events/ReadMe.md b/samples/grids/grid-lite/filtering-config-events/ReadMe.md new file mode 100644 index 0000000000..851b905f46 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Filtering Config Events feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/filtering-config-events +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/filtering-config-events/index.html b/samples/grids/grid-lite/filtering-config-events/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-events/package.json b/samples/grids/grid-lite/filtering-config-events/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/filtering-config-events/package.json +++ b/samples/grids/grid-lite/filtering-config-events/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/filtering-config-events/sandbox.config.json b/samples/grids/grid-lite/filtering-config-events/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.tsx b/samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.tsx deleted file mode 100644 index 57486f1aea..0000000000 --- a/samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.tsx +++ /dev/null @@ -1,85 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, User } from './GridLiteDataService'; -import './GridLiteFilteringConfigEvents.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private gridRef: React.RefObject; - private logRef: React.RefObject; - private log: string[] = []; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - this.logRef = React.RefObject(); - this.state = { logContent: '' }; - } - - get time() { - return `[${new Date().toLocaleTimeString()}]`; - } - - componentDidMount() { - if (this.gridRef.current) { - const data: User[] = this.dataService.generateUsers(50); - - const columns = [ - { key: 'firstName', headerText: 'First name', filter: true }, - { key: 'lastName', headerText: 'Last name', filter: true }, - { key: 'age', headerText: 'Age', filter: true, type: 'number' }, - { key: 'email', headerText: 'Email', filter: true } - ]; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = data; - - // Listen to filter events - this.gridRef.current.addEventListener('filtering', (e: any) => { - const { expressions, type } = e.detail; - this.updateLog(`${this.time} :: Event \`${e.type}\` :: Filter operation of type '${type}' for column '${expressions[0].key}'`); - }); - this.gridRef.current.addEventListener('filtered', (e: any) => { - this.updateLog(`${this.time} :: Event \`${e.type}\` for column '${e.detail.key}'`); - }); - } - } - - private updateLog(message: string) { - if (this.log.length > 10) { - this.log.shift(); - } - this.log.push(message); - this.renderLog(); - } - - private renderLog() { - const logContent = this.log - .map(entry => `

${entry}

`) - .join(''); - this.setState({ logContent }); - } - - public render(): JSX.Element { - return ( -
-
- -
-
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.css b/samples/grids/grid-lite/filtering-config-events/src/index.css similarity index 100% rename from samples/grids/grid-lite/filtering-config-events/src/GridLiteFilteringConfigEvents.css rename to samples/grids/grid-lite/filtering-config-events/src/index.css diff --git a/samples/grids/grid-lite/filtering-config-events/src/index.tsx b/samples/grids/grid-lite/filtering-config-events/src/index.tsx index 6c1a00a3e4..3149f43a4f 100644 --- a/samples/grids/grid-lite/filtering-config-events/src/index.tsx +++ b/samples/grids/grid-lite/filtering-config-events/src/index.tsx @@ -1 +1,84 @@ -export { default } from './GridLiteFilteringConfigEvents'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private logRef: React.RefObject; + private log: string[] = []; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.logRef = React.RefObject(); + this.state = { logContent: '' }; + } + + get time() { + return `[${new Date().toLocaleTimeString()}]`; + } + + componentDidMount() { + if (this.gridRef.current) { + const data: User[] = this.dataService.generateUsers(50); + + const columns = [ + { key: 'firstName', headerText: 'First name', filter: true }, + { key: 'lastName', headerText: 'Last name', filter: true }, + { key: 'age', headerText: 'Age', filter: true, type: 'number' }, + { key: 'email', headerText: 'Email', filter: true } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + + // Listen to filter events + this.gridRef.current.addEventListener('filtering', (e: any) => { + const { expressions, type } = e.detail; + this.updateLog(`${this.time} :: Event \`${e.type}\` :: Filter operation of type '${type}' for column '${expressions[0].key}'`); + }); + this.gridRef.current.addEventListener('filtered', (e: any) => { + this.updateLog(`${this.time} :: Event \`${e.type}\` for column '${e.detail.key}'`); + }); + } + } + + private updateLog(message: string) { + if (this.log.length > 10) { + this.log.shift(); + } + this.log.push(message); + this.renderLog(); + } + + private renderLog() { + const logContent = this.log + .map(entry => `

${entry}

`) + .join(''); + this.setState({ logContent }); + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/filtering-config-events/tsconfig.json b/samples/grids/grid-lite/filtering-config-events/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/filtering-config-events/vite.config.js b/samples/grids/grid-lite/filtering-config-events/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-events/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-remote/.eslintrc.js b/samples/grids/grid-lite/filtering-config-remote/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-remote/ReadMe.md b/samples/grids/grid-lite/filtering-config-remote/ReadMe.md new file mode 100644 index 0000000000..609cf70fa9 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Filtering Config Remote feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/filtering-config-remote +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/filtering-config-remote/index.html b/samples/grids/grid-lite/filtering-config-remote/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-remote/package.json b/samples/grids/grid-lite/filtering-config-remote/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/filtering-config-remote/package.json +++ b/samples/grids/grid-lite/filtering-config-remote/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/filtering-config-remote/sandbox.config.json b/samples/grids/grid-lite/filtering-config-remote/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.tsx b/samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.tsx deleted file mode 100644 index 8767371ba1..0000000000 --- a/samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.tsx +++ /dev/null @@ -1,99 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, User } from './GridLiteDataService'; -import './GridLiteFilteringConfigRemote.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); - -function groupBy(arr: T[], key: keyof T) { - const out: Record = {}; - for (const each of arr) { - const slot = each[key] as string; - if (!out[slot]) { - out[slot] = []; - } - out[slot].push(each); - } - return out; -} - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private gridRef: React.RefObject; - private allData: User[] = []; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - this.allData = this.dataService.generateUsers(100); - this.state = { queryString: '' }; - } - - componentDidMount() { - if (this.gridRef.current) { - const columns = [ - { key: 'firstName', headerText: 'First name', filter: true }, - { key: 'lastName', headerText: 'Last name', filter: true }, - { key: 'age', headerText: 'Age', filter: true, type: 'number' }, - { key: 'email', headerText: 'Email' } - ]; - - const config = { - filter: async ({ data, grid }: any) => { - this.buildUri(grid.filterExpressions); - await new Promise((resolve) => setTimeout(resolve, 250)); - return data; - }, - }; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = this.allData; - this.gridRef.current.dataPipelineConfiguration = config; - } - } - - protected mapExpressions(arr: any[]) { - return arr - .map(({ searchTerm, criteria, condition }: any, idx: number) => { - const c = condition; - return idx < 1 - ? `${c.name}("${searchTerm}")` - : `${criteria?.toUpperCase()} ${c.name}("${searchTerm}")`; - }) - .join(' '); - } - - protected buildUri(state: any[]) { - const out: string[] = []; - const qs = groupBy(state, 'key'); - for (const [key, exprs] of Object.entries(qs)) { - out.push(`${key}(${this.mapExpressions(exprs)})`); - } - this.setState({ queryString: `GET: /data?filter=${out.join('&')}` }); - } - - public render(): JSX.Element { - return ( -
-
-
- {this.state.queryString} -
-
-
- -
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.css b/samples/grids/grid-lite/filtering-config-remote/src/index.css similarity index 100% rename from samples/grids/grid-lite/filtering-config-remote/src/GridLiteFilteringConfigRemote.css rename to samples/grids/grid-lite/filtering-config-remote/src/index.css diff --git a/samples/grids/grid-lite/filtering-config-remote/src/index.tsx b/samples/grids/grid-lite/filtering-config-remote/src/index.tsx index c9cdd34ebd..3369e1c02f 100644 --- a/samples/grids/grid-lite/filtering-config-remote/src/index.tsx +++ b/samples/grids/grid-lite/filtering-config-remote/src/index.tsx @@ -1 +1,98 @@ -export { default } from './GridLiteFilteringConfigRemote'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); + +function groupBy(arr: T[], key: keyof T) { + const out: Record = {}; + for (const each of arr) { + const slot = each[key] as string; + if (!out[slot]) { + out[slot] = []; + } + out[slot].push(each); + } + return out; +} + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private allData: User[] = []; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.allData = this.dataService.generateUsers(100); + this.state = { queryString: '' }; + } + + componentDidMount() { + if (this.gridRef.current) { + const columns = [ + { key: 'firstName', headerText: 'First name', filter: true }, + { key: 'lastName', headerText: 'Last name', filter: true }, + { key: 'age', headerText: 'Age', filter: true, type: 'number' }, + { key: 'email', headerText: 'Email' } + ]; + + const config = { + filter: async ({ data, grid }: any) => { + this.buildUri(grid.filterExpressions); + await new Promise((resolve) => setTimeout(resolve, 250)); + return data; + }, + }; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = this.allData; + this.gridRef.current.dataPipelineConfiguration = config; + } + } + + protected mapExpressions(arr: any[]) { + return arr + .map(({ searchTerm, criteria, condition }: any, idx: number) => { + const c = condition; + return idx < 1 + ? `${c.name}("${searchTerm}")` + : `${criteria?.toUpperCase()} ${c.name}("${searchTerm}")`; + }) + .join(' '); + } + + protected buildUri(state: any[]) { + const out: string[] = []; + const qs = groupBy(state, 'key'); + for (const [key, exprs] of Object.entries(qs)) { + out.push(`${key}(${this.mapExpressions(exprs)})`); + } + this.setState({ queryString: `GET: /data?filter=${out.join('&')}` }); + } + + public render(): JSX.Element { + return ( +
+
+
+ {this.state.queryString} +
+
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/filtering-config-remote/tsconfig.json b/samples/grids/grid-lite/filtering-config-remote/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/filtering-config-remote/vite.config.js b/samples/grids/grid-lite/filtering-config-remote/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config-remote/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config/.eslintrc.js b/samples/grids/grid-lite/filtering-config/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config/ReadMe.md b/samples/grids/grid-lite/filtering-config/ReadMe.md new file mode 100644 index 0000000000..7606d807a1 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Filtering Config feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/filtering-config +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/filtering-config/index.html b/samples/grids/grid-lite/filtering-config/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config/package.json b/samples/grids/grid-lite/filtering-config/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/filtering-config/package.json +++ b/samples/grids/grid-lite/filtering-config/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/filtering-config/sandbox.config.json b/samples/grids/grid-lite/filtering-config/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.tsx b/samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.tsx deleted file mode 100644 index b9443ba49c..0000000000 --- a/samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.tsx +++ /dev/null @@ -1,82 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, User } from './GridLiteDataService'; -import './GridLiteFilteringConfig.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import { - defineComponents, - IgcCheckboxComponent -} from 'igniteui-webcomponents'; -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); -defineComponents(IgcCheckboxComponent); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private gridRef: React.RefObject; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - } - - componentDidMount() { - if (this.gridRef.current) { - const data: User[] = this.dataService.generateUsers(50); - - const columns = [ - { - key: 'firstName', - headerText: 'First name', - filter: true - }, - { - key: 'lastName', - headerText: 'Last name', - filter: true - }, - { - key: 'age', - headerText: 'Age', - filter: true, - type: 'number' - }, - { - key: 'active', - headerText: 'Active', - type: 'boolean', - filter: true, - cellTemplate: (params: any) => { - const checkbox = document.createElement('igc-checkbox'); - if (params.value) { - checkbox.setAttribute('checked', ''); - } - return checkbox; - } - } - ]; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = data; - } - } - - public render(): JSX.Element { - return ( -
-
- -
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.css b/samples/grids/grid-lite/filtering-config/src/index.css similarity index 100% rename from samples/grids/grid-lite/filtering-config/src/GridLiteFilteringConfig.css rename to samples/grids/grid-lite/filtering-config/src/index.css diff --git a/samples/grids/grid-lite/filtering-config/src/index.tsx b/samples/grids/grid-lite/filtering-config/src/index.tsx index 0fe2c0254f..613530f53f 100644 --- a/samples/grids/grid-lite/filtering-config/src/index.tsx +++ b/samples/grids/grid-lite/filtering-config/src/index.tsx @@ -1 +1,81 @@ -export { default } from './GridLiteFilteringConfig'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcCheckboxComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcCheckboxComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: User[] = this.dataService.generateUsers(50); + + const columns = [ + { + key: 'firstName', + headerText: 'First name', + filter: true + }, + { + key: 'lastName', + headerText: 'Last name', + filter: true + }, + { + key: 'age', + headerText: 'Age', + filter: true, + type: 'number' + }, + { + key: 'active', + headerText: 'Active', + type: 'boolean', + filter: true, + cellTemplate: (params: any) => { + const checkbox = document.createElement('igc-checkbox'); + if (params.value) { + checkbox.setAttribute('checked', ''); + } + return checkbox; + } + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/filtering-config/tsconfig.json b/samples/grids/grid-lite/filtering-config/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/filtering-config/vite.config.js b/samples/grids/grid-lite/filtering-config/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/filtering-config/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/overview/.eslintrc.js b/samples/grids/grid-lite/overview/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/overview/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/overview/ReadMe.md b/samples/grids/grid-lite/overview/ReadMe.md new file mode 100644 index 0000000000..9d3f5fcf40 --- /dev/null +++ b/samples/grids/grid-lite/overview/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Overview feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/overview +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/overview/index.html b/samples/grids/grid-lite/overview/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/overview/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/overview/package.json b/samples/grids/grid-lite/overview/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/overview/package.json +++ b/samples/grids/grid-lite/overview/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/overview/sandbox.config.json b/samples/grids/grid-lite/overview/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/overview/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/overview/src/GridLiteOverview.tsx b/samples/grids/grid-lite/overview/src/GridLiteOverview.tsx deleted file mode 100644 index 8089a897f0..0000000000 --- a/samples/grids/grid-lite/overview/src/GridLiteOverview.tsx +++ /dev/null @@ -1,151 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, User } from './GridLiteDataService'; -import './GridLiteOverview.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import { - defineComponents, - IgcRatingComponent, - IgcCheckboxComponent, - IgcSelectComponent, - IgcAvatarComponent -} from 'igniteui-webcomponents'; - -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); -defineComponents( - IgcAvatarComponent, - IgcRatingComponent, - IgcCheckboxComponent, - IgcSelectComponent -); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private choices = ['Low', 'Standard', 'High']; - private gridRef: React.RefObject; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - } - - componentDidMount() { - if (this.gridRef.current) { - const data: User[] = this.dataService.generateUsers(1000); - - const columns = [ - { - key: 'avatar', - headerText: 'Avatar', - cellTemplate: (params: any) => { - const cell = document.createElement('igc-avatar'); - cell.setAttribute('shape', 'circle'); - cell.setAttribute('alt', 'User avatar'); - cell.setAttribute('src', params.value); - return cell; - } - }, - { - key: 'firstName', - headerText: 'First name', - sort: true, - filter: true, - resizable: true - }, - { - key: 'lastName', - headerText: 'Last name', - sort: true, - filter: true, - resizable: true - }, - { - key: 'email', - headerText: 'Email Address' - }, - { - key: 'priority', - headerText: 'Priority', - width: '12rem', - sort: { - comparer: (a: string, b: string) => this.choices.indexOf(a) - this.choices.indexOf(b), - caseSensitive: true - }, - cellTemplate: (params: any) => { - const select = document.createElement('igc-select'); - select.setAttribute('outlined', ''); - select.setAttribute('flip', ''); - select.setAttribute('value', params.value); - - this.choices.forEach(choice => { - const item = document.createElement('igc-select-item'); - item.setAttribute('value', choice); - item.textContent = choice; - select.appendChild(item); - }); - - return select; - } - }, - { - key: 'satisfaction', - headerText: 'Satisfaction rating', - type: 'number', - sort: true, - filter: true, - cellTemplate: (params: any) => { - const rating = document.createElement('igc-rating'); - rating.setAttribute('readonly', ''); - rating.setAttribute('value', params.value.toString()); - return rating; - } - }, - { - key: 'registeredAt', - headerText: 'Registered @', - sort: true, - cellTemplate: (params: any) => { - const span = document.createElement('span'); - span.textContent = params.value.toLocaleString(); - return span; - } - }, - { - key: 'active', - type: 'boolean', - headerText: 'Active', - cellTemplate: (params: any) => { - const checkbox = document.createElement('igc-checkbox'); - if (params.value) { - checkbox.setAttribute('checked', ''); - } - return checkbox; - } - } - ]; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = data; - } - } - - public render(): JSX.Element { - return ( -
-
- -
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/overview/src/GridLiteOverview.css b/samples/grids/grid-lite/overview/src/index.css similarity index 100% rename from samples/grids/grid-lite/overview/src/GridLiteOverview.css rename to samples/grids/grid-lite/overview/src/index.css diff --git a/samples/grids/grid-lite/overview/src/index.tsx b/samples/grids/grid-lite/overview/src/index.tsx index 672ef6f911..14305b4acb 100644 --- a/samples/grids/grid-lite/overview/src/index.tsx +++ b/samples/grids/grid-lite/overview/src/index.tsx @@ -1 +1,150 @@ -export { default } from './GridLiteOverview'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent, + IgcCheckboxComponent, + IgcSelectComponent, + IgcAvatarComponent +} from 'igniteui-webcomponents'; + +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents( + IgcAvatarComponent, + IgcRatingComponent, + IgcCheckboxComponent, + IgcSelectComponent +); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private choices = ['Low', 'Standard', 'High']; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: User[] = this.dataService.generateUsers(1000); + + const columns = [ + { + key: 'avatar', + headerText: 'Avatar', + cellTemplate: (params: any) => { + const cell = document.createElement('igc-avatar'); + cell.setAttribute('shape', 'circle'); + cell.setAttribute('alt', 'User avatar'); + cell.setAttribute('src', params.value); + return cell; + } + }, + { + key: 'firstName', + headerText: 'First name', + sort: true, + filter: true, + resizable: true + }, + { + key: 'lastName', + headerText: 'Last name', + sort: true, + filter: true, + resizable: true + }, + { + key: 'email', + headerText: 'Email Address' + }, + { + key: 'priority', + headerText: 'Priority', + width: '12rem', + sort: { + comparer: (a: string, b: string) => this.choices.indexOf(a) - this.choices.indexOf(b), + caseSensitive: true + }, + cellTemplate: (params: any) => { + const select = document.createElement('igc-select'); + select.setAttribute('outlined', ''); + select.setAttribute('flip', ''); + select.setAttribute('value', params.value); + + this.choices.forEach(choice => { + const item = document.createElement('igc-select-item'); + item.setAttribute('value', choice); + item.textContent = choice; + select.appendChild(item); + }); + + return select; + } + }, + { + key: 'satisfaction', + headerText: 'Satisfaction rating', + type: 'number', + sort: true, + filter: true, + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('value', params.value.toString()); + return rating; + } + }, + { + key: 'registeredAt', + headerText: 'Registered @', + sort: true, + cellTemplate: (params: any) => { + const span = document.createElement('span'); + span.textContent = params.value.toLocaleString(); + return span; + } + }, + { + key: 'active', + type: 'boolean', + headerText: 'Active', + cellTemplate: (params: any) => { + const checkbox = document.createElement('igc-checkbox'); + if (params.value) { + checkbox.setAttribute('checked', ''); + } + return checkbox; + } + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/overview/tsconfig.json b/samples/grids/grid-lite/overview/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/overview/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/overview/vite.config.js b/samples/grids/grid-lite/overview/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/overview/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-events/.eslintrc.js b/samples/grids/grid-lite/sort-config-events/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-events/ReadMe copy.md b/samples/grids/grid-lite/sort-config-events/ReadMe copy.md new file mode 100644 index 0000000000..c3201cc224 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/ReadMe copy.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Toolbar Sample3 feature using [Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid/toolbar-sample-3 +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-events/ReadMe.md b/samples/grids/grid-lite/sort-config-events/ReadMe.md new file mode 100644 index 0000000000..3c055bc879 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Sort Config Events feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/sort-config-events +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-events/index.html b/samples/grids/grid-lite/sort-config-events/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-events/package.json b/samples/grids/grid-lite/sort-config-events/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/sort-config-events/package.json +++ b/samples/grids/grid-lite/sort-config-events/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/sort-config-events/sandbox.config.json b/samples/grids/grid-lite/sort-config-events/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.tsx b/samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.tsx deleted file mode 100644 index 14ad76a703..0000000000 --- a/samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.tsx +++ /dev/null @@ -1,140 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; -import './GridLiteSortConfigEvents.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import { - defineComponents, - IgcRatingComponent -} from 'igniteui-webcomponents'; -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); -defineComponents(IgcRatingComponent); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private gridRef: React.RefObject; - private log: string[] = []; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - this.state = { logContent: '' }; - this.handleSorting = this.handleSorting.bind(this); - this.handleSorted = this.handleSorted.bind(this); - } - - get timeStamp(): string { - return `[${new Date().toLocaleTimeString()}]`; - } - - componentDidMount() { - if (this.gridRef.current) { - const data: ProductInfo[] = this.dataService.generateProducts(100); - - const columns = [ - { - key: 'name', - headerText: 'Name', - sort: true - }, - { - key: 'price', - type: 'number', - headerText: 'Price', - sort: true - }, - { - key: 'rating', - type: 'number', - headerText: 'Rating', - sort: true, - cellTemplate: (params: any) => { - const rating = document.createElement('igc-rating'); - rating.setAttribute('readonly', ''); - rating.setAttribute('step', '0.01'); - rating.setAttribute('value', params.value.toString()); - return rating; - } - }, - { - key: 'sold', - type: 'number', - headerText: 'Sold', - sort: true - }, - { - key: 'total', - type: 'number', - headerText: 'Total', - sort: true - } - ]; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = data; - - // Listen to sorting events - this.gridRef.current.addEventListener('sorting', this.handleSorting); - this.gridRef.current.addEventListener('sorted', this.handleSorted); - } - } - - private updateLog(message: string) { - if (this.log.length > 10) { - this.log.shift(); - } - this.log.push(message); - this.renderLog(); - } - - private renderLog() { - const logContent = this.log - .map(entry => `

${entry}

`) - .join(''); - this.setState({ logContent }); - } - - private handleSorting(event: any) { - const { detail, type } = event; - const allowedColumns = ['price', 'total', 'sold']; - - if (!allowedColumns.includes(detail.key)) { - event.preventDefault(); - this.updateLog( - `${this.timeStamp} :: Event '${type}' :: Sort operation was prevented for column '${detail.key}'` - ); - } else { - this.updateLog( - `${this.timeStamp} :: Event '${type}' :: Column '${detail.key}' is being sorted with expression: ${JSON.stringify(detail)}` - ); - } - } - - private handleSorted(event: any) { - const { detail, type } = event; - this.updateLog( - `${this.timeStamp} :: Event '${type}' :: Column '${detail.key}' was sorted with expression: ${JSON.stringify(detail)}` - ); - } - - public render(): JSX.Element { - return ( -
-
- -
-
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.css b/samples/grids/grid-lite/sort-config-events/src/index.css similarity index 100% rename from samples/grids/grid-lite/sort-config-events/src/GridLiteSortConfigEvents.css rename to samples/grids/grid-lite/sort-config-events/src/index.css diff --git a/samples/grids/grid-lite/sort-config-events/src/index.tsx b/samples/grids/grid-lite/sort-config-events/src/index.tsx index b3f3b348b3..1b3b20472f 100644 --- a/samples/grids/grid-lite/sort-config-events/src/index.tsx +++ b/samples/grids/grid-lite/sort-config-events/src/index.tsx @@ -1 +1,139 @@ -export { default } from './GridLiteSortConfigEvents'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private log: string[] = []; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.state = { logContent: '' }; + this.handleSorting = this.handleSorting.bind(this); + this.handleSorted = this.handleSorted.bind(this); + } + + get timeStamp(): string { + return `[${new Date().toLocaleTimeString()}]`; + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(100); + + const columns = [ + { + key: 'name', + headerText: 'Name', + sort: true + }, + { + key: 'price', + type: 'number', + headerText: 'Price', + sort: true + }, + { + key: 'rating', + type: 'number', + headerText: 'Rating', + sort: true, + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('step', '0.01'); + rating.setAttribute('value', params.value.toString()); + return rating; + } + }, + { + key: 'sold', + type: 'number', + headerText: 'Sold', + sort: true + }, + { + key: 'total', + type: 'number', + headerText: 'Total', + sort: true + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + + // Listen to sorting events + this.gridRef.current.addEventListener('sorting', this.handleSorting); + this.gridRef.current.addEventListener('sorted', this.handleSorted); + } + } + + private updateLog(message: string) { + if (this.log.length > 10) { + this.log.shift(); + } + this.log.push(message); + this.renderLog(); + } + + private renderLog() { + const logContent = this.log + .map(entry => `

${entry}

`) + .join(''); + this.setState({ logContent }); + } + + private handleSorting(event: any) { + const { detail, type } = event; + const allowedColumns = ['price', 'total', 'sold']; + + if (!allowedColumns.includes(detail.key)) { + event.preventDefault(); + this.updateLog( + `${this.timeStamp} :: Event '${type}' :: Sort operation was prevented for column '${detail.key}'` + ); + } else { + this.updateLog( + `${this.timeStamp} :: Event '${type}' :: Column '${detail.key}' is being sorted with expression: ${JSON.stringify(detail)}` + ); + } + } + + private handleSorted(event: any) { + const { detail, type } = event; + this.updateLog( + `${this.timeStamp} :: Event '${type}' :: Column '${detail.key}' was sorted with expression: ${JSON.stringify(detail)}` + ); + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/sort-config-events/tsconfig.json b/samples/grids/grid-lite/sort-config-events/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/sort-config-events/vite.config.js b/samples/grids/grid-lite/sort-config-events/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-events/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-grid/.eslintrc.js b/samples/grids/grid-lite/sort-config-grid/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-grid/ReadMe copy.md b/samples/grids/grid-lite/sort-config-grid/ReadMe copy.md new file mode 100644 index 0000000000..c3201cc224 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/ReadMe copy.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Toolbar Sample3 feature using [Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid/toolbar-sample-3 +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-grid/ReadMe.md b/samples/grids/grid-lite/sort-config-grid/ReadMe.md new file mode 100644 index 0000000000..2ce7eb028e --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Sort Config Grid feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/sort-config-grid +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-grid/index.html b/samples/grids/grid-lite/sort-config-grid/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-grid/package.json b/samples/grids/grid-lite/sort-config-grid/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/sort-config-grid/package.json +++ b/samples/grids/grid-lite/sort-config-grid/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/sort-config-grid/sandbox.config.json b/samples/grids/grid-lite/sort-config-grid/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.tsx b/samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.tsx deleted file mode 100644 index 17d1223f5c..0000000000 --- a/samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.tsx +++ /dev/null @@ -1,113 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; -import './GridLiteSortConfigGrid.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import { - defineComponents, - IgcRatingComponent, - IgcSwitchComponent -} from 'igniteui-webcomponents'; -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); -defineComponents(IgcRatingComponent, IgcSwitchComponent); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private gridRef: React.RefObject; - private sortConfiguration: any = { - multiple: true, - triState: true - }; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - this.updateConfig = this.updateConfig.bind(this); - } - - componentDidMount() { - if (this.gridRef.current) { - const data: ProductInfo[] = this.dataService.generateProducts(100); - - const columns = [ - { - key: 'name', - headerText: 'Name', - sort: true - }, - { - key: 'price', - type: 'number', - headerText: 'Price', - sort: true - }, - { - key: 'rating', - type: 'number', - headerText: 'Rating', - sort: true, - cellTemplate: (params: any) => { - const rating = document.createElement('igc-rating'); - rating.setAttribute('readonly', ''); - rating.setAttribute('step', '0.01'); - rating.setAttribute('value', params.value.toString()); - return rating; - } - }, - { - key: 'sold', - type: 'number', - headerText: 'Sold', - sort: true - }, - { - key: 'total', - type: 'number', - headerText: 'Total', - sort: true - } - ]; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = data; - this.gridRef.current.sortConfiguration = this.sortConfiguration; - } - } - - private updateConfig(prop: string, checked: boolean) { - this.sortConfiguration = { ...this.sortConfiguration, [prop]: checked }; - if (this.gridRef.current) { - this.gridRef.current.sortConfiguration = this.sortConfiguration; - } - } - - public render(): JSX.Element { - return ( -
-
- - -
-
- -
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.css b/samples/grids/grid-lite/sort-config-grid/src/index.css similarity index 100% rename from samples/grids/grid-lite/sort-config-grid/src/GridLiteSortConfigGrid.css rename to samples/grids/grid-lite/sort-config-grid/src/index.css diff --git a/samples/grids/grid-lite/sort-config-grid/src/index.tsx b/samples/grids/grid-lite/sort-config-grid/src/index.tsx index 12ae129e6f..d1eb6e931f 100644 --- a/samples/grids/grid-lite/sort-config-grid/src/index.tsx +++ b/samples/grids/grid-lite/sort-config-grid/src/index.tsx @@ -1 +1,112 @@ -export { default } from './GridLiteSortConfigGrid'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent, + IgcSwitchComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent, IgcSwitchComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private sortConfiguration: any = { + multiple: true, + triState: true + }; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.updateConfig = this.updateConfig.bind(this); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(100); + + const columns = [ + { + key: 'name', + headerText: 'Name', + sort: true + }, + { + key: 'price', + type: 'number', + headerText: 'Price', + sort: true + }, + { + key: 'rating', + type: 'number', + headerText: 'Rating', + sort: true, + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('step', '0.01'); + rating.setAttribute('value', params.value.toString()); + return rating; + } + }, + { + key: 'sold', + type: 'number', + headerText: 'Sold', + sort: true + }, + { + key: 'total', + type: 'number', + headerText: 'Total', + sort: true + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + this.gridRef.current.sortConfiguration = this.sortConfiguration; + } + } + + private updateConfig(prop: string, checked: boolean) { + this.sortConfiguration = { ...this.sortConfiguration, [prop]: checked }; + if (this.gridRef.current) { + this.gridRef.current.sortConfiguration = this.sortConfiguration; + } + } + + public render(): JSX.Element { + return ( +
+
+ + +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/sort-config-grid/tsconfig.json b/samples/grids/grid-lite/sort-config-grid/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/sort-config-grid/vite.config.js b/samples/grids/grid-lite/sort-config-grid/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-grid/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-pipeline/.eslintrc.js b/samples/grids/grid-lite/sort-config-pipeline/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-pipeline/ReadMe.md b/samples/grids/grid-lite/sort-config-pipeline/ReadMe.md new file mode 100644 index 0000000000..299a9fe00c --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Sort Config Pipeline feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/sort-config-pipeline +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-pipeline/index.html b/samples/grids/grid-lite/sort-config-pipeline/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-pipeline/package.json b/samples/grids/grid-lite/sort-config-pipeline/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/sort-config-pipeline/package.json +++ b/samples/grids/grid-lite/sort-config-pipeline/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/sort-config-pipeline/sandbox.config.json b/samples/grids/grid-lite/sort-config-pipeline/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.tsx b/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.tsx deleted file mode 100644 index b206bee710..0000000000 --- a/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.tsx +++ /dev/null @@ -1,135 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; -import './GridLiteSortConfigPipeline.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import { - defineComponents, - IgcRatingComponent, - IgcCircularProgressComponent -} from 'igniteui-webcomponents'; -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); -defineComponents(IgcRatingComponent, IgcCircularProgressComponent); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private gridRef: React.RefObject; - private progressRef: React.RefObject; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - this.progressRef = React.createRef(); - this.state = { queryString: '' }; - } - - componentDidMount() { - if (this.gridRef.current) { - const data: ProductInfo[] = this.dataService.generateProducts(100); - - const columns = [ - { - key: 'name', - headerText: 'Name', - sort: true - }, - { - key: 'price', - type: 'number', - headerText: 'Price', - sort: true - }, - { - key: 'rating', - type: 'number', - headerText: 'Rating', - sort: true, - cellTemplate: (params: any) => { - const rating = document.createElement('igc-rating'); - rating.setAttribute('readonly', ''); - rating.setAttribute('step', '0.01'); - rating.setAttribute('value', params.value.toString()); - return rating; - } - }, - { - key: 'sold', - type: 'number', - headerText: 'Sold', - sort: true - }, - { - key: 'total', - type: 'number', - headerText: 'Total', - sort: true - } - ]; - - const dataPipelineConfiguration = { - sort: async ({ data, grid }: any) => { - if (this.progressRef.current) { - this.progressRef.current.classList.add('in-operation'); - } - const queryString = grid.sortExpressions.length - ? this.buildUri(grid.sortExpressions) - : ''; - this.setState({ queryString }); - - await new Promise(resolve => setTimeout(resolve, 250)); - if (this.progressRef.current) { - this.progressRef.current.classList.remove('in-operation'); - } - return data; - } - }; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = data; - this.gridRef.current.dataPipelineConfiguration = dataPipelineConfiguration; - } - } - - private buildUri(state: any[]): string { - const uri: string[] = []; - for (const expr of state) { - if (expr.direction === 'none') { - continue; - } - uri.push( - expr.direction === 'ascending' - ? `asc(${expr.key})` - : `desc(${expr.key})` - ); - } - return `GET: /data?sort_by=${uri.join(',')}`; - } - - public render(): JSX.Element { - return ( -
-
-
- -
-
- {this.state.queryString} -
-
-
- -
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.css b/samples/grids/grid-lite/sort-config-pipeline/src/index.css similarity index 100% rename from samples/grids/grid-lite/sort-config-pipeline/src/GridLiteSortConfigPipeline.css rename to samples/grids/grid-lite/sort-config-pipeline/src/index.css diff --git a/samples/grids/grid-lite/sort-config-pipeline/src/index.tsx b/samples/grids/grid-lite/sort-config-pipeline/src/index.tsx index 79b9c8ebc8..c434edf382 100644 --- a/samples/grids/grid-lite/sort-config-pipeline/src/index.tsx +++ b/samples/grids/grid-lite/sort-config-pipeline/src/index.tsx @@ -1 +1,134 @@ -export { default } from './GridLiteSortConfigPipeline'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent, + IgcCircularProgressComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent, IgcCircularProgressComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + private progressRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + this.progressRef = React.createRef(); + this.state = { queryString: '' }; + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(100); + + const columns = [ + { + key: 'name', + headerText: 'Name', + sort: true + }, + { + key: 'price', + type: 'number', + headerText: 'Price', + sort: true + }, + { + key: 'rating', + type: 'number', + headerText: 'Rating', + sort: true, + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('step', '0.01'); + rating.setAttribute('value', params.value.toString()); + return rating; + } + }, + { + key: 'sold', + type: 'number', + headerText: 'Sold', + sort: true + }, + { + key: 'total', + type: 'number', + headerText: 'Total', + sort: true + } + ]; + + const dataPipelineConfiguration = { + sort: async ({ data, grid }: any) => { + if (this.progressRef.current) { + this.progressRef.current.classList.add('in-operation'); + } + const queryString = grid.sortExpressions.length + ? this.buildUri(grid.sortExpressions) + : ''; + this.setState({ queryString }); + + await new Promise(resolve => setTimeout(resolve, 250)); + if (this.progressRef.current) { + this.progressRef.current.classList.remove('in-operation'); + } + return data; + } + }; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + this.gridRef.current.dataPipelineConfiguration = dataPipelineConfiguration; + } + } + + private buildUri(state: any[]): string { + const uri: string[] = []; + for (const expr of state) { + if (expr.direction === 'none') { + continue; + } + uri.push( + expr.direction === 'ascending' + ? `asc(${expr.key})` + : `desc(${expr.key})` + ); + } + return `GET: /data?sort_by=${uri.join(',')}`; + } + + public render(): JSX.Element { + return ( +
+
+
+ +
+
+ {this.state.queryString} +
+
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/sort-config-pipeline/tsconfig.json b/samples/grids/grid-lite/sort-config-pipeline/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/sort-config-pipeline/vite.config.js b/samples/grids/grid-lite/sort-config-pipeline/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-pipeline/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-sample/.eslintrc.js b/samples/grids/grid-lite/sort-config-sample/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-sample/ReadMe.md b/samples/grids/grid-lite/sort-config-sample/ReadMe.md new file mode 100644 index 0000000000..9378f9196e --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Sort Config Sample feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/sort-config-sample +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/sort-config-sample/index.html b/samples/grids/grid-lite/sort-config-sample/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-sample/package.json b/samples/grids/grid-lite/sort-config-sample/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/sort-config-sample/package.json +++ b/samples/grids/grid-lite/sort-config-sample/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/sort-config-sample/sandbox.config.json b/samples/grids/grid-lite/sort-config-sample/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.tsx b/samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.tsx deleted file mode 100644 index daece42c73..0000000000 --- a/samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, User } from './GridLiteDataService'; -import './GridLiteSortConfigSample.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private gridRef: React.RefObject; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - } - - componentDidMount() { - if (this.gridRef.current) { - const data: User[] = this.dataService.generateUsers(50); - - const columns = [ - { - key: 'firstName', - headerText: 'First name', - sort: true - }, - { - key: 'lastName', - headerText: 'Last name', - sort: true - }, - { - key: 'age', - headerText: 'Age', - sort: true, - type: 'number' - }, - { - key: 'email', - headerText: 'Email', - sort: true - } - ]; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = data; - } - } - - public render(): JSX.Element { - return ( -
-
- -
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.css b/samples/grids/grid-lite/sort-config-sample/src/index.css similarity index 100% rename from samples/grids/grid-lite/sort-config-sample/src/GridLiteSortConfigSample.css rename to samples/grids/grid-lite/sort-config-sample/src/index.css diff --git a/samples/grids/grid-lite/sort-config-sample/src/index.tsx b/samples/grids/grid-lite/sort-config-sample/src/index.tsx index eaf4823086..2f83c92eac 100644 --- a/samples/grids/grid-lite/sort-config-sample/src/index.tsx +++ b/samples/grids/grid-lite/sort-config-sample/src/index.tsx @@ -1 +1,68 @@ -export { default } from './GridLiteSortConfigSample'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, User } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: User[] = this.dataService.generateUsers(50); + + const columns = [ + { + key: 'firstName', + headerText: 'First name', + sort: true + }, + { + key: 'lastName', + headerText: 'Last name', + sort: true + }, + { + key: 'age', + headerText: 'Age', + sort: true, + type: 'number' + }, + { + key: 'email', + headerText: 'Email', + sort: true + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/sort-config-sample/tsconfig.json b/samples/grids/grid-lite/sort-config-sample/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/sort-config-sample/vite.config.js b/samples/grids/grid-lite/sort-config-sample/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/sort-config-sample/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file diff --git a/samples/grids/grid-lite/styling-custom-theme/.eslintrc.js b/samples/grids/grid-lite/styling-custom-theme/.eslintrc.js new file mode 100644 index 0000000000..7168b71441 --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/.eslintrc.js @@ -0,0 +1,78 @@ +// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project +module.exports = { + parser: "@typescript-eslint/parser", // Specifies the ESLint parser + parserOptions: { + ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features + sourceType: "module", // Allows for the use of imports + ecmaFeatures: { + jsx: true // Allows for the parsing of JSX + } + }, + settings: { + react: { + version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use + } + }, + extends: [ + "eslint:recommended", + "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react + "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin + ], + rules: { + // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-prototype-builtins": "off", + "no-mixed-spaces-and-tabs": 0, + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + }, + "overrides": [ + { + "files": ["*.ts", "*.tsx"], + "rules": { + "default-case": "off", + "jsx-a11y/alt-text": "off", + "jsx-a11y/iframe-has-title": "off", + "no-var": "off", + "no-undef": "off", + "no-unused-vars": "off", + "no-extend-native": "off", + "no-throw-literal": "off", + "no-useless-concat": "off", + "no-mixed-operators": "off", + "no-mixed-spaces-and-tabs": 0, + "no-prototype-builtins": "off", + "prefer-const": "off", + "prefer-rest-params": "off", + "@typescript-eslint/no-unused-vars": "off", + "@typescript-eslint/no-explicit-any": "off", + "@typescript-eslint/no-inferrable-types": "off", + "@typescript-eslint/no-useless-constructor": "off", + "@typescript-eslint/no-use-before-define": "off", + "@typescript-eslint/no-non-null-assertion": "off", + "@typescript-eslint/interface-name-prefix": "off", + "@typescript-eslint/prefer-namespace-keyword": "off", + "@typescript-eslint/explicit-function-return-type": "off", + "@typescript-eslint/explicit-module-boundary-types": "off" + } + } + ] + }; \ No newline at end of file diff --git a/samples/grids/grid-lite/styling-custom-theme/ReadMe.md b/samples/grids/grid-lite/styling-custom-theme/ReadMe.md new file mode 100644 index 0000000000..625be1b949 --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Styling Custom Theme feature using [Grid Lite](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/grid-lite/styling-custom-theme +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/grid-lite/styling-custom-theme/index.html b/samples/grids/grid-lite/styling-custom-theme/index.html new file mode 100644 index 0000000000..fd8d08d532 --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/index.html @@ -0,0 +1,12 @@ + + + + Sample | Ignite UI | React | infragistics + + + + +
+ + + \ No newline at end of file diff --git a/samples/grids/grid-lite/styling-custom-theme/package.json b/samples/grids/grid-lite/styling-custom-theme/package.json index e022f66a0e..1fb4f5e31f 100644 --- a/samples/grids/grid-lite/styling-custom-theme/package.json +++ b/samples/grids/grid-lite/styling-custom-theme/package.json @@ -15,7 +15,6 @@ }, "dependencies": { "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^1.0.0-alpha.9", "igniteui-react": "^19.3.0", "igniteui-react-core": "19.3.0-beta.0", "igniteui-react-grids": "^19.3.0", diff --git a/samples/grids/grid-lite/styling-custom-theme/sandbox.config.json b/samples/grids/grid-lite/styling-custom-theme/sandbox.config.json new file mode 100644 index 0000000000..07f53508eb --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/sandbox.config.json @@ -0,0 +1,5 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser" +} \ No newline at end of file diff --git a/samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.tsx b/samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.tsx deleted file mode 100644 index b0bd86eeae..0000000000 --- a/samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.tsx +++ /dev/null @@ -1,93 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; -import './GridLiteStylingCustomTheme.css'; - -// Import the web component -import { IgcGridLite } from 'igniteui-grid-lite'; -import { - defineComponents, - IgcRatingComponent -} from 'igniteui-webcomponents'; -import "igniteui-webcomponents/themes/light/bootstrap.css"; - -// Register components -IgcGridLite.register(); -defineComponents(IgcRatingComponent); - -export default class Sample extends React.Component { - private dataService: GridLiteDataService; - private gridRef: React.RefObject; - - constructor(props: any) { - super(props); - this.dataService = new GridLiteDataService(); - this.gridRef = React.createRef(); - } - - componentDidMount() { - if (this.gridRef.current) { - const data: ProductInfo[] = this.dataService.generateProducts(50); - - const columns = [ - { - key: 'name', - headerText: 'Product', - sort: true, - filter: true - }, - { - key: 'price', - headerText: 'Price', - sort: true, - filter: true, - type: 'number' - }, - { - key: 'sold', - headerText: 'Sold', - sort: true, - filter: true, - type: 'number' - }, - { - key: 'total', - headerText: 'Total', - sort: true, - filter: true, - type: 'number' - }, - { - key: 'rating', - headerText: 'Rating', - type: 'number', - sort: true, - filter: true, - cellTemplate: (params: any) => { - const rating = document.createElement('igc-rating'); - rating.setAttribute('readonly', ''); - rating.setAttribute('value', params.value.toString()); - return rating; - } - } - ]; - - this.gridRef.current.columns = columns; - this.gridRef.current.data = data; - } - } - - public render(): JSX.Element { - return ( -
-
- -
-
- ); - } -} - -// rendering above component in the React DOM -const root = ReactDOM.createRoot(document.getElementById('root')); -root.render(); diff --git a/samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.css b/samples/grids/grid-lite/styling-custom-theme/src/index.css similarity index 100% rename from samples/grids/grid-lite/styling-custom-theme/src/GridLiteStylingCustomTheme.css rename to samples/grids/grid-lite/styling-custom-theme/src/index.css diff --git a/samples/grids/grid-lite/styling-custom-theme/src/index.tsx b/samples/grids/grid-lite/styling-custom-theme/src/index.tsx index 8906fde4f7..5d936a28aa 100644 --- a/samples/grids/grid-lite/styling-custom-theme/src/index.tsx +++ b/samples/grids/grid-lite/styling-custom-theme/src/index.tsx @@ -1 +1,92 @@ -export { default } from './GridLiteStylingCustomTheme'; +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { GridLiteDataService, ProductInfo } from './GridLiteDataService'; + +// Import the web component +import { IgcGridLite } from 'igniteui-grid-lite'; +import { + defineComponents, + IgcRatingComponent +} from 'igniteui-webcomponents'; +import "igniteui-webcomponents/themes/light/bootstrap.css"; + +// Register components +IgcGridLite.register(); +defineComponents(IgcRatingComponent); + +export default class Sample extends React.Component { + private dataService: GridLiteDataService; + private gridRef: React.RefObject; + + constructor(props: any) { + super(props); + this.dataService = new GridLiteDataService(); + this.gridRef = React.createRef(); + } + + componentDidMount() { + if (this.gridRef.current) { + const data: ProductInfo[] = this.dataService.generateProducts(50); + + const columns = [ + { + key: 'name', + headerText: 'Product', + sort: true, + filter: true + }, + { + key: 'price', + headerText: 'Price', + sort: true, + filter: true, + type: 'number' + }, + { + key: 'sold', + headerText: 'Sold', + sort: true, + filter: true, + type: 'number' + }, + { + key: 'total', + headerText: 'Total', + sort: true, + filter: true, + type: 'number' + }, + { + key: 'rating', + headerText: 'Rating', + type: 'number', + sort: true, + filter: true, + cellTemplate: (params: any) => { + const rating = document.createElement('igc-rating'); + rating.setAttribute('readonly', ''); + rating.setAttribute('value', params.value.toString()); + return rating; + } + } + ]; + + this.gridRef.current.columns = columns; + this.gridRef.current.data = data; + } + } + + public render(): JSX.Element { + return ( +
+
+ +
+
+ ); + } +} + +// rendering above component in the React DOM +const root = ReactDOM.createRoot(document.getElementById('root')); +root.render(); diff --git a/samples/grids/grid-lite/styling-custom-theme/tsconfig.json b/samples/grids/grid-lite/styling-custom-theme/tsconfig.json new file mode 100644 index 0000000000..8c0d146f95 --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/tsconfig.json @@ -0,0 +1,44 @@ +{ + "compilerOptions": { + "resolveJsonModule": true, + "esModuleInterop": true, + "baseUrl": ".", + "outDir": "build/dist", + "module": "esnext", + "target": "es5", + "lib": [ + "es6", + "dom" + ], + "sourceMap": true, + "allowJs": true, + "jsx": "react-jsx", + "moduleResolution": "node", + "rootDir": "src", + "forceConsistentCasingInFileNames": true, + "noImplicitReturns": true, + "noImplicitThis": true, + "noImplicitAny": true, + "noUnusedLocals": false, + "importHelpers": true, + "allowSyntheticDefaultImports": true, + "skipLibCheck": true, + "strict": false, + "isolatedModules": true, + "noEmit": true + }, + "exclude": [ + "node_modules", + "build", + "scripts", + "acceptance-tests", + "webpack", + "jest", + "src/setupTests.ts", + "**/odatajs-4.0.0.js", + "config-overrides.js" + ], + "include": [ + "src" + ] +} diff --git a/samples/grids/grid-lite/styling-custom-theme/vite.config.js b/samples/grids/grid-lite/styling-custom-theme/vite.config.js new file mode 100644 index 0000000000..1744dbc719 --- /dev/null +++ b/samples/grids/grid-lite/styling-custom-theme/vite.config.js @@ -0,0 +1,12 @@ +import { defineConfig } from 'vite'; +import react from '@vitejs/plugin-react'; + +export default defineConfig({ + plugins: [react()], + build: { + outDir: 'build' + }, + server: { + open: false + }, +}); \ No newline at end of file From c95358fa538295d57893e5a9609b1ab2657a0e06 Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Mon, 24 Nov 2025 13:30:31 +0200 Subject: [PATCH 6/7] fix(grid-lite): applying various fixes for the grid-lite samples --- browser/public/meta.json | 2 +- browser/src/navigation/SamplesBrowser.json | 2 +- samples/grids/grid-lite/column-config-basic/src/index.tsx | 1 + samples/grids/grid-lite/column-config-dynamic/src/index.tsx | 2 ++ samples/grids/grid-lite/column-config-headers/src/index.tsx | 1 + samples/grids/grid-lite/data-binding/src/index.tsx | 1 + samples/grids/grid-lite/filtering-config-events/src/index.tsx | 4 +++- samples/grids/grid-lite/filtering-config-remote/src/index.tsx | 2 ++ samples/grids/grid-lite/filtering-config/src/index.tsx | 2 ++ samples/grids/grid-lite/overview/src/index.tsx | 1 + samples/grids/grid-lite/sort-config-events/src/index.tsx | 1 + samples/grids/grid-lite/sort-config-grid/src/index.tsx | 1 + samples/grids/grid-lite/sort-config-pipeline/src/index.tsx | 1 + samples/grids/grid-lite/sort-config-sample/src/index.tsx | 2 ++ samples/grids/grid-lite/styling-custom-theme/src/index.tsx | 4 +++- 15 files changed, 23 insertions(+), 4 deletions(-) diff --git a/browser/public/meta.json b/browser/public/meta.json index 82e18f7e51..042142baad 100644 --- a/browser/public/meta.json +++ b/browser/public/meta.json @@ -1 +1 @@ -{"version":"23.2.915","date":"2025-11-21 21:51:03","note":"this file is auto-generated"} \ No newline at end of file +{"version":"23.2.915","date":"2025-11-24 10:34:52","note":"this file is auto-generated"} \ No newline at end of file diff --git a/browser/src/navigation/SamplesBrowser.json b/browser/src/navigation/SamplesBrowser.json index 82e18f7e51..042142baad 100644 --- a/browser/src/navigation/SamplesBrowser.json +++ b/browser/src/navigation/SamplesBrowser.json @@ -1 +1 @@ -{"version":"23.2.915","date":"2025-11-21 21:51:03","note":"this file is auto-generated"} \ No newline at end of file +{"version":"23.2.915","date":"2025-11-24 10:34:52","note":"this file is auto-generated"} \ No newline at end of file diff --git a/samples/grids/grid-lite/column-config-basic/src/index.tsx b/samples/grids/grid-lite/column-config-basic/src/index.tsx index e22be5c073..2aadabba08 100644 --- a/samples/grids/grid-lite/column-config-basic/src/index.tsx +++ b/samples/grids/grid-lite/column-config-basic/src/index.tsx @@ -10,6 +10,7 @@ import { } from 'igniteui-webcomponents'; import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); diff --git a/samples/grids/grid-lite/column-config-dynamic/src/index.tsx b/samples/grids/grid-lite/column-config-dynamic/src/index.tsx index 919c54d5de..a146f4cc99 100644 --- a/samples/grids/grid-lite/column-config-dynamic/src/index.tsx +++ b/samples/grids/grid-lite/column-config-dynamic/src/index.tsx @@ -8,7 +8,9 @@ import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; + import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); diff --git a/samples/grids/grid-lite/column-config-headers/src/index.tsx b/samples/grids/grid-lite/column-config-headers/src/index.tsx index b2dcee3783..76cd0ff186 100644 --- a/samples/grids/grid-lite/column-config-headers/src/index.tsx +++ b/samples/grids/grid-lite/column-config-headers/src/index.tsx @@ -5,6 +5,7 @@ import { GridLiteDataService, User } from './GridLiteDataService'; // Import the web component import { IgcGridLite } from 'igniteui-grid-lite'; import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); diff --git a/samples/grids/grid-lite/data-binding/src/index.tsx b/samples/grids/grid-lite/data-binding/src/index.tsx index eff5378546..9f2e6e052c 100644 --- a/samples/grids/grid-lite/data-binding/src/index.tsx +++ b/samples/grids/grid-lite/data-binding/src/index.tsx @@ -10,6 +10,7 @@ import { } from 'igniteui-webcomponents'; import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); diff --git a/samples/grids/grid-lite/filtering-config-events/src/index.tsx b/samples/grids/grid-lite/filtering-config-events/src/index.tsx index 3149f43a4f..017e0332e1 100644 --- a/samples/grids/grid-lite/filtering-config-events/src/index.tsx +++ b/samples/grids/grid-lite/filtering-config-events/src/index.tsx @@ -4,7 +4,9 @@ import { GridLiteDataService, User } from './GridLiteDataService'; // Import the web component import { IgcGridLite } from 'igniteui-grid-lite'; + import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); @@ -19,7 +21,7 @@ export default class Sample extends React.Component { super(props); this.dataService = new GridLiteDataService(); this.gridRef = React.createRef(); - this.logRef = React.RefObject(); + this.logRef = React.createRef(); this.state = { logContent: '' }; } diff --git a/samples/grids/grid-lite/filtering-config-remote/src/index.tsx b/samples/grids/grid-lite/filtering-config-remote/src/index.tsx index 3369e1c02f..590f05b859 100644 --- a/samples/grids/grid-lite/filtering-config-remote/src/index.tsx +++ b/samples/grids/grid-lite/filtering-config-remote/src/index.tsx @@ -4,7 +4,9 @@ import { GridLiteDataService, User } from './GridLiteDataService'; // Import the web component import { IgcGridLite } from 'igniteui-grid-lite'; + import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); diff --git a/samples/grids/grid-lite/filtering-config/src/index.tsx b/samples/grids/grid-lite/filtering-config/src/index.tsx index 613530f53f..d4ad26d143 100644 --- a/samples/grids/grid-lite/filtering-config/src/index.tsx +++ b/samples/grids/grid-lite/filtering-config/src/index.tsx @@ -8,7 +8,9 @@ import { defineComponents, IgcCheckboxComponent } from 'igniteui-webcomponents'; + import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); diff --git a/samples/grids/grid-lite/overview/src/index.tsx b/samples/grids/grid-lite/overview/src/index.tsx index 14305b4acb..5e3a342f4e 100644 --- a/samples/grids/grid-lite/overview/src/index.tsx +++ b/samples/grids/grid-lite/overview/src/index.tsx @@ -13,6 +13,7 @@ import { } from 'igniteui-webcomponents'; import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); diff --git a/samples/grids/grid-lite/sort-config-events/src/index.tsx b/samples/grids/grid-lite/sort-config-events/src/index.tsx index 1b3b20472f..108d11390f 100644 --- a/samples/grids/grid-lite/sort-config-events/src/index.tsx +++ b/samples/grids/grid-lite/sort-config-events/src/index.tsx @@ -9,6 +9,7 @@ import { IgcRatingComponent } from 'igniteui-webcomponents'; import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); diff --git a/samples/grids/grid-lite/sort-config-grid/src/index.tsx b/samples/grids/grid-lite/sort-config-grid/src/index.tsx index d1eb6e931f..2f86ec854c 100644 --- a/samples/grids/grid-lite/sort-config-grid/src/index.tsx +++ b/samples/grids/grid-lite/sort-config-grid/src/index.tsx @@ -10,6 +10,7 @@ import { IgcSwitchComponent } from 'igniteui-webcomponents'; import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); diff --git a/samples/grids/grid-lite/sort-config-pipeline/src/index.tsx b/samples/grids/grid-lite/sort-config-pipeline/src/index.tsx index c434edf382..09beead122 100644 --- a/samples/grids/grid-lite/sort-config-pipeline/src/index.tsx +++ b/samples/grids/grid-lite/sort-config-pipeline/src/index.tsx @@ -10,6 +10,7 @@ import { IgcCircularProgressComponent } from 'igniteui-webcomponents'; import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); diff --git a/samples/grids/grid-lite/sort-config-sample/src/index.tsx b/samples/grids/grid-lite/sort-config-sample/src/index.tsx index 2f83c92eac..c2953a7665 100644 --- a/samples/grids/grid-lite/sort-config-sample/src/index.tsx +++ b/samples/grids/grid-lite/sort-config-sample/src/index.tsx @@ -4,7 +4,9 @@ import { GridLiteDataService, User } from './GridLiteDataService'; // Import the web component import { IgcGridLite } from 'igniteui-grid-lite'; + import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); diff --git a/samples/grids/grid-lite/styling-custom-theme/src/index.tsx b/samples/grids/grid-lite/styling-custom-theme/src/index.tsx index 5d936a28aa..f5aa476491 100644 --- a/samples/grids/grid-lite/styling-custom-theme/src/index.tsx +++ b/samples/grids/grid-lite/styling-custom-theme/src/index.tsx @@ -8,7 +8,9 @@ import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; + import "igniteui-webcomponents/themes/light/bootstrap.css"; +import "./index.css"; // Register components IgcGridLite.register(); @@ -80,7 +82,7 @@ export default class Sample extends React.Component { return (
- +
); From 51313204a47d24e66c0efd01e56c184337bce15b Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Mon, 24 Nov 2025 14:18:54 +0200 Subject: [PATCH 7/7] fix(grid-lite): reintroducing intrinsic elements defs for grid-lite --- browser/src/typedecls.d.ts | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 browser/src/typedecls.d.ts diff --git a/browser/src/typedecls.d.ts b/browser/src/typedecls.d.ts new file mode 100644 index 0000000000..0423e4419e --- /dev/null +++ b/browser/src/typedecls.d.ts @@ -0,0 +1,12 @@ +/* tslint:disable */ +declare module JSX { + interface IntrinsicElements { + "igc-grid-lite": any; + "igc-avatar": any; + "igc-rating": any; + "igc-checkbox": any; + "igc-select": any; + "igc-select-item": any; + } + } + /* tslint:enable */ \ No newline at end of file