Skip to content

Commit 42fe47b

Browse files
committed
docs: documentation stubs for components
1 parent c4f5507 commit 42fe47b

16 files changed

+244
-0
lines changed

src/Aside.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
### CoreUI `Aside` menu component
2+
3+
| prop | default |
4+
| ------- | ---------
5+
| children |
6+
| className | `aside-menu`
7+
| display | `sm, md, lg, xl, ""`
8+
| fixed | `false`
9+
| hidden | `false`
10+
| isOpen | `false`
11+
| offCanvas | `true`
12+
| tag | `aside`
13+

src/AsideToggler.md

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
### CoreUI `AsideToggler` component
2+
3+
4+
prop | default
5+
--- | ---
6+
children | `<span className="navbar-toggler-icon" />`
7+
className | `navbar-toggler`
8+
display | `lg`
9+
mobile | `false`
10+
tag | `button`
11+
type | `button`

src/Breadcrumb.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
### CoreUI `Breadcrumb` component
2+
3+
_todo_

src/Footer.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
### CoreUI `Footer` component
2+
3+
prop | default
4+
--- | ---
5+
children |
6+
className | `app-footer`
7+
fixed | `false`
8+
tag | `footer`

src/Header.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
### CoreUI `Header` component
2+
3+
prop | default
4+
--- | ---
5+
children |
6+
className | `app-header`, `navbar`
7+
fixed | `false`
8+
tag | `header`
9+
10+

src/HeaderDropdown.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
### CoreUI `HeaderDropdown` component
2+
3+
_todo_

src/NavbarBrand.md

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
### CoreUI `NavbarBrand` component
2+
3+
4+
prop | default
5+
--- | ---
6+
tag | `a`
7+
children | `<img src width height alt className/>`
8+
className | `navbar-brand`
9+
brand | `{src, width, height, alt, className: 'navbar-brand' }`
10+
full | `{src, width, height, alt, className: 'navbar-brand-full' }`
11+
minimized | `{src, width, height, alt, className: 'navbar-brand-minimized' }`
12+
13+
14+
example:
15+
```js
16+
import { AppNavbarBrand } from '@coreui/react';
17+
import logo from './logo.svg'
18+
import sygnet from './sygnet.svg'
19+
20+
const full= { src: logo, width: 89, height: 25, alt: 'CoreUI Logo' }
21+
const minimized= { src: sygnet, width: 30, height: 30, alt: 'CoreUI Logo' }
22+
23+
<AppNavbarBrand full={full} minimized={minimized} />
24+
```

src/README.md

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
### [CoreUI for React](https://coreui.io/react) base components
2+
3+
##### Layout components
4+
5+
- [Aside](./Aside.md)
6+
- [AsideToggler](./AsideToggler.md)
7+
- [Breadcrumb](./Breadcrumb.md)
8+
- [Footer](./Footer.md)
9+
- [Header](./Header.md)
10+
- [HeaderDropdown](./HeaderDropdown.md)
11+
- [NavbarBrand](./NavbarBrand.md)
12+
- [Sidebar](./Sidebar.md)
13+
- [SidebarFooter](./SidebarFooter.md)
14+
- [SidebarForm](./SidebarForm.md)
15+
- [SidebarHeader](./SidebarHeader.md)
16+
- [SidebarMinimizer](./SidebarMinimizer.md)
17+
- [SidebarNav](./SidebarNav.md)
18+
- [SidebarToggler](./SidebarToggler.md)
19+
- [Switch](./Switch.md)
20+
21+
22+
##### Installation:
23+
`npm install @coreui/react`
24+
25+
##### Import
26+
`import { AppAside } from '@coreui/react'`

src/Sidebar.md

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
### CoreUI `Sidebar` component
2+
3+
4+
prop | default
5+
--- | ---
6+
children |
7+
className | `sidebar`
8+
compact | `false`
9+
display | `sm, md, lg, xl, ""`
10+
fixed | `false`
11+
minimized | `false`
12+
isOpen | `false`
13+
offCanvas | `false`
14+
tag | `div`
15+
16+
17+
#### Supported content
18+
Sidebar come with built-in support for a handful of sub-components.
19+
20+
- SidebarFooter
21+
- SidebarForm
22+
- SidebarHeader
23+
- [SidebarMinimizer](./SidebarMinimizer.md)
24+
- [SidebarNav](./SidebarNav.md)
25+

src/SidebarFooter.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
### CoreUI `SidebarFooter` component
2+
3+
_todo_

0 commit comments

Comments
 (0)