You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/react-aria-components/docs/ColorArea.mdx
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -119,13 +119,13 @@ import {ColorArea, ColorThumb} from 'react-aria-components';
119
119
120
120
<ExampleList tag="colorslider" />
121
121
122
+
*/}
123
+
122
124
## Starter kits
123
125
124
126
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
Copy file name to clipboardExpand all lines: packages/react-aria-components/docs/ColorField.mdx
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -169,13 +169,13 @@ A `ColorField` uses the following components, which may also be used standalone
169
169
170
170
<ExampleList tag="colorslider" />
171
171
172
+
*/}
173
+
172
174
## Starter kits
173
175
174
176
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
Copy file name to clipboardExpand all lines: packages/react-aria-components/docs/ColorPicker.mdx
+6Lines changed: 6 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -193,6 +193,12 @@ A `ColorPicker` uses the following components, which may also be used standalone
193
193
194
194
</section>
195
195
196
+
## Starter kits
197
+
198
+
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
199
+
200
+
<StarterKitscomponent="colorpicker" />
201
+
196
202
## Reusable wrappers
197
203
198
204
If you will use a ColorPicker in multiple places in your app, you can wrap all of the pieces into a reusable component. This way, the DOM structure, styling code, and other logic are defined in a single place and reused everywhere to ensure consistency.
Copy file name to clipboardExpand all lines: packages/react-aria-components/docs/ColorSlider.mdx
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -163,14 +163,14 @@ A `ColorSlider` uses the following components, which may also be used standalone
163
163
164
164
<ExampleList tag="colorslider" />
165
165
166
+
*/}
167
+
166
168
## Starter kits
167
169
168
170
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
169
171
170
172
<StarterKitscomponent="colorslider" />
171
173
172
-
*/}
173
-
174
174
## Reusable wrappers
175
175
176
176
If you will use a ColorSlider in multiple places in your app, you can wrap all of the pieces into a reusable component. This way, the DOM structure, styling code, and other logic are defined in a single place and reused everywhere to ensure consistency.
Copy file name to clipboardExpand all lines: packages/react-aria-components/docs/ColorSwatch.mdx
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -88,13 +88,13 @@ import {ColorSwatch} from 'react-aria-components';
88
88
89
89
<ExampleList tag="colorslider" />
90
90
91
+
*/}
92
+
91
93
## Starter kits
92
94
93
95
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
Copy file name to clipboardExpand all lines: packages/react-aria-components/docs/ColorSwatchPicker.mdx
+6Lines changed: 6 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -123,6 +123,12 @@ import {ColorSwatchPicker, ColorSwatchPickerItem, ColorSwatch} from 'react-aria-
123
123
124
124
ColorSwatchPicker is a convenience wrapper around the [ListBox](ListBox.html) component. If you need additional flexibility, such as support for multiple selection, duplicate colors, drag and drop, etc., you can use the ListBox component directly.
125
125
126
+
## Starter kits
127
+
128
+
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
129
+
130
+
<StarterKitscomponent="colorswatchpicker" />
131
+
126
132
## Reusable wrappers
127
133
128
134
If you will use a ColorSwatchPicker in multiple places in your app, you can wrap all of the pieces into a reusable component. This way, the DOM structure, styling code, and other logic are defined in a single place and reused everywhere to ensure consistency.
Copy file name to clipboardExpand all lines: packages/react-aria-components/docs/ColorWheel.mdx
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -108,13 +108,13 @@ import {ColorWheel, ColorWheelTrack, ColorThumb} from 'react-aria-components';
108
108
109
109
<ExampleList tag="colorslider" />
110
110
111
+
*/}
112
+
111
113
## Starter kits
112
114
113
115
To help kick-start your project, we offer starter kits that include example implementations of all React Aria components with various styling solutions. All components are fully styled, including support for dark mode, high contrast mode, and all UI states. Each starter comes with a pre-configured [Storybook](https://storybook.js.org/) that you can experiment with, or use as a starting point for your own component library.
0 commit comments