•  


GitHub - rsuite/responsive-nav: A tab component based on rsuite nav enhancements
Skip to content

rsuite/responsive-nav

Repository files navigation

Responsive Nav

A responsive navigation component based on rsuite navigation enhancements.

features

  • Support for removable tabs.
  • Support for automatic folding options when a row can not show all options.

Installation

npm install @rsuite/responsive-nav --save

Usage

import
 Nav
 from
 "@rsuite/responsive-nav"
;

const
 App
 =
 (
)
 =>
 {

  return
 (

    <
Nav
>

      <
Nav
.
Item
 eventKey
=
"A"
>
Item A
<
/
Nav
.
Item
>

      <
Nav
.
Item
 eventKey
=
"B"
>
Item B
<
/
Nav
.
Item
>

      <
Nav
.
Item
 eventKey
=
"C"
>
Item C
<
/
Nav
.
Item
>

      <
Nav
.
Item
 eventKey
=
"D"
>
Item D
<
/
Nav
.
Item
>

      <
Nav
.
Item
 eventKey
=
"E"
>
Item E
<
/
Nav
.
Item
>

    <
/
Nav
>

  )
;

}
;


ReactDOM
.
render
(
<
App
 /
>
,
 mountNode
)
;

Props

ResponsiveNav extends all the props of Nav and also supports:

Property Type (Default) Description
moreProps object More drop-down menu props
moreText React.Node More text displayed on the drop-down
onItemRemove (eventKey)=>void The callback function when removing options
removable boolean Options can be removed

License

MIT licensed

- "漢字路" 한글한자자동변환 서비스는 교육부 고전문헌국역지원사업의 지원으로 구축되었습니다.
- "漢字路" 한글한자자동변환 서비스는 전통문화연구회 "울산대학교한국어처리연구실 옥철영(IT융합전공)교수팀"에서 개발한 한글한자자동변환기를 바탕하여 지속적으로 공동 연구 개발하고 있는 서비스입니다.
- 현재 고유명사(인명, 지명등)을 비롯한 여러 변환오류가 있으며 이를 해결하고자 많은 연구 개발을 진행하고자 하고 있습니다. 이를 인지하시고 다른 곳에서 인용시 한자 변환 결과를 한번 더 검토하시고 사용해 주시기 바랍니다.
- 변환오류 및 건의,문의사항은 juntong@juntong.or.kr로 메일로 보내주시면 감사하겠습니다. .
Copyright ⓒ 2020 By '전통문화연구회(傳統文化硏究會)' All Rights reserved.
 한국   대만   중국   일본