Skip to content

Commit

Permalink
chore
Browse files Browse the repository at this point in the history
  • Loading branch information
rdlabo committed Jun 26, 2024
1 parent b5d62dd commit 1d1213f
Showing 1 changed file with 21 additions and 0 deletions.
21 changes: 21 additions & 0 deletions projects/scroll-header/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,16 @@ And import CSS for directive:
Demo: https://rdlabo-ionic-angular-library.netlify.app/tabs/tab2
Source: https://github.com/rdlabo-team/ionic-angular-library/blob/main/projects/demo/src/app/scroll-header/scroll-header.page.html

```ts
import { ScrollHeaderDirective } from '@rdlabo/ionic-angular-scroll-header';
@Component({
...
imports: [
ScrollHeaderDirective
],
})
```

```html
<ion-header class="hidden"><ion-toolbar></ion-toolbar></ion-header> <!-- set hidden header for safe-area -->
<ion-content rdlaboScrollHeader>
Expand All @@ -44,6 +54,17 @@ Source: https://github.com/rdlabo-team/ionic-angular-library/blob/main/projects/
Demo: https://rdlabo-ionic-angular-library.netlify.app/tabs/tab3
Source: https://github.com/rdlabo-team/ionic-angular-library/blob/main/projects/demo/src/app/virtual-scroll-header/virtual-scroll-header.page.html

```ts
import { VirtualScrollHeaderDirective } from '@rdlabo/ionic-angular-scroll-header';

@Component({
...
imports: [
VirtualScrollHeaderDirective
],
})
```

```html
<ion-header class="hidden"><ion-toolbar></ion-toolbar></ion-header> <!-- set hidden header for safe-area -->
<ion-content rdlaboVirtualScrollHeader>
Expand Down

0 comments on commit 1d1213f

Please sign in to comment.