React and reactstrap uses PascalCase for components name. This package uses the following naming convention:
(1)-(2):(3)
,where:
- 1: rs
- 2: component name in lower case. for example: alert
- 3: options. for example: basic or full
For example, for inserting a basic <Alert>
component, type rs-alert:basic
and hit enter.
The ⇥ means the TAB
key
Trigger | Content |
---|---|
rs-progress:basic→ |
basic <Progress/> component |
rs-progress:full→ |
full <Progress/> component |
rs-pagination:basic→ |
basic <Pagination/> component |
rs-pagination:full→ |
full <Pagination/> component |
rs-paginationitem:basic→ |
basic <PaginationItem/> component |
rs-paginationlink:basic→ |
basic <PaginationLink/> component |
rs-fade:basic→ |
basic <Fade/> component |
rs-fade:full→ |
full <Fade/> component |
rs-import:basic→ |
basic reactstrap import |