File tree Expand file tree Collapse file tree 8 files changed +16
-15
lines changed
Expand file tree Collapse file tree 8 files changed +16
-15
lines changed Original file line number Diff line number Diff line change @@ -67,12 +67,12 @@ export const AccordionBasic = props => {
6767export default AccordionBasic ;
6868```
6969
70- [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Accordion-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/2i7s7i )
70+ [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Accordion-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/6zc13n )
7171[ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Accordion%20TS-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/3lx8e2 )
7272
7373## Other Examples
7474
75- [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Accordion%20Multiple-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/obdq0e )
75+ [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Accordion%20Multiple-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/fx62jw )
7676[ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Accordion%20Multiple%20TS-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/bedlw0 )
7777
7878[ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Accordion%20Styled-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/e0m91w )
Original file line number Diff line number Diff line change @@ -5,7 +5,7 @@ using keyboard. It follows the
55[ Native Input Date] ( https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date )
66for the keyboard navigation & accessibility features. Supports all the features
77of React Aria's
8- [ useDateField] ( https://react-spectrum.adobe.com/react-aria/useDateField.html#features )
8+ [ useDateField] ( https://react-spectrum.adobe.com/react-aria/useDateField.html#features ) .
99
1010## Table of Contents
1111
Original file line number Diff line number Diff line change @@ -55,7 +55,7 @@ export const DisclosureHorizontalCollapseBasic = props => {
5555export default DisclosureHorizontalCollapseBasic ;
5656```
5757
58- [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Disclosure%20Horizontal-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/0lgike )
58+ [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Disclosure%20Horizontal-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/kbjhn2 )
5959[ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Disclosure%20Horizontal-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/nfnhi9 )
6060
6161### Vertical Disclosure
@@ -94,7 +94,7 @@ export const DisclosureVerticalCollapseBasic = props => {
9494export default DisclosureVerticalCollapseBasic ;
9595```
9696
97- [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Disclosure%20Vertical-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/ldlicp )
97+ [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Disclosure%20Vertical-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/66vcvy )
9898[ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Disclosure%20Vertical-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/zz5rwq )
9999
100100## Composition
Original file line number Diff line number Diff line change @@ -33,12 +33,12 @@ export const LinkBasic = props => {
3333export default LinkBasic ;
3434```
3535
36- [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Link-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/qgsgpy )
36+ [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Link-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/1h12jn )
3737[ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Link%20TS-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/jprz2b )
3838
3939## Other Examples
4040
41- [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Link%20Span-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/gs4enr )
41+ [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Link%20Span-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/b3in0z )
4242[ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Link%20Span%20TS-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/vpb6l5 )
4343
4444## Composition
Original file line number Diff line number Diff line change 44that varies within a defined range. It follows the
55[ WAI-ARIA Meter Pattern] ( https://www.w3.org/WAI/ARIA/apg/patterns/meter/ ) for
66it's
7- [ accessibility properties] ( https://www.w3.org/WAI/ARIA/apg/patterns/meter/#:~:text=Not%20applicable.-,WAI%2DARIA%20Roles%2C%20States%2C%20and%20Properties,-The%20element%20serving )
7+ [ accessibility properties] ( https://www.w3.org/WAI/ARIA/apg/patterns/meter/#:~:text=Not%20applicable.-,WAI%2DARIA%20Roles%2C%20States%2C%20and%20Properties,-The%20element%20serving ) .
88
99## Table of Contents
1010
@@ -59,12 +59,12 @@ const background = {
5959```
6060
6161[ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Meter%20Basic-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/z9m7w0 )
62- [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Meter%20Basic-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/hpfw3y )
62+ [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Meter%20Basic%20TS -Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/sjd6go )
6363
6464## Other Examples
6565
66- [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Meter%20Styled-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/3hu02q )
67- [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Meter%20Styled-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/os30lu )
66+ [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Meter%20Styled-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/1dpgzo )
67+ [ ![ Edit CodeSandbox] ( https://img.shields.io/badge/Meter%20Styled%20TS -Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515 )] ( https://codesandbox.io/s/4v89rm )
6868
6969## Composition
7070
Original file line number Diff line number Diff line change 22
33` Progress ` component provides a graphical status for tasks that take some amount
44of time to load. It follows
5- [ WAI-ARIA Progressbar Pattern] ( https://www.w3.org/TR/wai-aria-1.2/#progressbar )
5+ [ WAI-ARIA Progressbar Pattern] ( https://www.w3.org/TR/wai-aria-1.2/#progressbar ) .
66
77## Table of Contents
88
Original file line number Diff line number Diff line change @@ -5,7 +5,7 @@ to style. It follows the
55[ Native Input Time] ( https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time )
66for the keyboard navigation & accessibility features. Supports all the features
77of React Aria's
8- [ useTimeField] ( https://react-spectrum.adobe.com/react-aria/useTimeField.html#features )
8+ [ useTimeField] ( https://react-spectrum.adobe.com/react-aria/useTimeField.html#features ) .
99
1010## Table of Contents
1111
Original file line number Diff line number Diff line change 22
33` Toast ` component provides a way to add notifications to the app with complete
44freedom of styling them. It follows
5- [ WAI-ARIA Alert Patter] ( https://www.w3.org/WAI/ARIA/apg/patterns/alert/ ) for the
6- [ accessibility properties] ( https://www.w3.org/WAI/ARIA/apg/patterns/alert/#:~:text=Not%20applicable.-,WAI%2DARIA%20Roles%2C%20States%2C%20and%20Properties,-The%20widget%20has )
5+ [ WAI-ARIA Alert Pattern] ( https://www.w3.org/WAI/ARIA/apg/patterns/alert/ ) for
6+ the
7+ [ accessibility properties] ( https://www.w3.org/WAI/ARIA/apg/patterns/alert/#:~:text=Not%20applicable.-,WAI%2DARIA%20Roles%2C%20States%2C%20and%20Properties,-The%20widget%20has ) .
78
89## Usage
910
You can’t perform that action at this time.
0 commit comments