File tree 2 files changed +20
-30
lines changed
2 files changed +20
-30
lines changed Original file line number Diff line number Diff line change 1
1
# react-dyn-tabs
2
2
3
- React Dynamic Tabs with full API
3
+ Create responsive and dynamic tabs in React. This library supports ARIA accessibility and provides complete control over tab management using hooks.
4
4
5
5
[ ![ Test coverage] ( https://codecov.io/gh/dev-javascript/react-dyn-tabs/graph/badge.svg?token=GT1LU074L2 )] ( https://codecov.io/gh/dev-javascript/react-dyn-tabs ) [ ![ NPM version] ( http://img.shields.io/npm/v/react-dyn-tabs.svg?style=flat-square )] ( https://www.npmjs.com/package/react-dyn-tabs ) [ ![ node] ( https://img.shields.io/badge/node.js-%3E=_8.0-green.svg?style=flat-square )] ( http://nodejs.org/download/ ) [ ![ React] ( https://img.shields.io/badge/React-%3E=_16.8.0-green.svg?style=flat-square )] ( https://react.dev/ ) [ ![ License] ( http://img.shields.io/npm/l/react-dyn-tabs.svg?style=flat-square )] ( LICENSE ) [ ![ npm download] ( https://img.shields.io/npm/dm/react-dyn-tabs.svg?style=flat-square )] ( https://npmjs.org/package/react-dyn-tabs ) [ ![ Build Status] ( https://travis-ci.org/ly-components/react-dyn-tabs.png )] ( https://travis-ci.org/ly-components/react-dyn-tabs )
6
6
7
-
8
7
## Screenshot
9
8
10
9
![ Screenshot] ( https://github.com/user-attachments/assets/15a0860d-168d-4f21-8b9d-62fcec3f6ccf )
11
10
12
11
## Demo
12
+
13
13
- [ Online Demo] ( https://dev-javascript.github.io/react-dyn-tabs/ )
14
14
15
15
## Features
@@ -20,6 +20,7 @@ React Dynamic Tabs with full API
20
20
- ** Customizable style**
21
21
- ** Return to last used tab when closing selected tab**
22
22
- ** PanelList can be rendered outside the TabList container**
23
+ - ** RTL & Vertical Mode**
23
24
- ** ARIA accessible**
24
25
- ** Customizable Tab component**
25
26
- ** Multiple themes**
Original file line number Diff line number Diff line change 2
2
"name" : " react-dyn-tabs" ,
3
3
"version" : " 6.1.1" ,
4
4
"private" : false ,
5
- "description" : " React dynamic tabs with full API " ,
5
+ "description" : " Create responsive and dynamic tabs in React. This library supports ARIA accessibility and provides complete control over tab management using hooks. " ,
6
6
"keywords" : [
7
7
" react" ,
8
8
" dynamic" ,
9
+ " tabs" ,
9
10
" responsive" ,
10
- " responsive-tabs" ,
11
11
" more-button" ,
12
- " tab" ,
13
- " tabs" ,
14
- " react-dynamic-tabs" ,
12
+ " view-more" ,
13
+ " show-more" ,
14
+ " tab-management" ,
15
+ " hooks" ,
16
+ " overflow-tabs" ,
17
+ " user-interface" ,
18
+ " react-hooks" ,
19
+ " react-tabs" ,
20
+ " tab-navigation" ,
21
+ " web-development" ,
22
+ " component-library" ,
23
+ " easily-integratable" ,
15
24
" dynamic-tabs" ,
16
- " multi-tabs" ,
17
- " react-dynamic-tabs" ,
18
- " react-dyn-tabs" ,
19
- " react-component" ,
20
- " react-tab" ,
21
- " full-api" ,
22
- " full-control"
25
+ " responsive-tabs" ,
26
+ " accessibility" ,
27
+ " accessible"
23
28
],
24
29
"author" : {
25
30
"name" : " dev-javascript" ,
98
103
"sass" : " ^1.77.6" ,
99
104
"style-loader" : " ^4.0.0"
100
105
},
101
- "files" : [
102
- " plugins" ,
103
- " dist" ,
104
- " flow-typed" ,
105
- " lib" ,
106
- " style" ,
107
- " theme" ,
108
- " themes" ,
109
- " src" ,
110
- " !*.test.js" ,
111
- " !*.test.js.snap" ,
112
- " index.d.ts" ,
113
- " react-dyn-tabs.ts" ,
114
- " index.ts" ,
115
- " CHANGELOG.md"
116
- ],
117
106
"license" : " MIT" ,
118
107
"directories" : {
119
108
"lib" : " lib"
You can’t perform that action at this time.
0 commit comments