Skip to content

Commit

Permalink
Fix usage documentation for rotate property
Browse files Browse the repository at this point in the history
Fixes #431
  • Loading branch information
devoto13 committed Mar 30, 2024
1 parent 191542b commit 1e87f1e
Show file tree
Hide file tree
Showing 5 changed files with 214 additions and 18 deletions.
6 changes: 3 additions & 3 deletions docs/usage/features.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,9 +23,9 @@ The following features are available as part of Font Awesome. Note that the synt
[FontAwesome Spec](https://fontawesome.com/how-to-use/on-the-web/styling/rotating-icons):

```html
<fa-icon [icon]="['fas', 'coffee']" rotate="90"></fa-icon>
<fa-icon [icon]="['fas', 'coffee']" rotate="180"></fa-icon>
<fa-icon [icon]="['fas', 'coffee']" rotate="270"></fa-icon>
<fa-icon [icon]="['fas', 'coffee']" [rotate]="90"></fa-icon>
<fa-icon [icon]="['fas', 'coffee']" [rotate]="180"></fa-icon>
<fa-icon [icon]="['fas', 'coffee']" [rotate]="270"></fa-icon>
```

### Flip
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@
"@types/node": "~20.9.0",
"@typescript-eslint/eslint-plugin": "^6.10.0",
"@typescript-eslint/parser": "^6.10.0",
"chromedriver": "~119.0.1",
"chromedriver": "~123.0.1",
"eslint": "^8.53.0",
"eslint-config-prettier": "^9.0.0",
"eslint-plugin-import": "2.29.0",
Expand Down
2 changes: 1 addition & 1 deletion projects/demo/e2e/src/app.e2e-spec.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ describe('Angular FontAwesome demo', () => {
});

it('should render all icons', async () => {
expect(await appPage.icons.count()).toBe(45);
expect(await appPage.icons.count()).toBe(46);
});

afterEach(async () => {
Expand Down
4 changes: 4 additions & 0 deletions projects/demo/src/app/app.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,10 @@ <h3>Change color</h3>
<p>Using custom style: <fa-icon [icon]="faAdjust" [style.color]="'red'"></fa-icon></p>
<p>Using custom class: <fa-icon [icon]="faAdjust" class="green-icon"></fa-icon></p>

<h3>Rotate</h3>

<fa-icon icon="user" [rotate]="90"></fa-icon>

<h3>Animations</h3>

<button type="button" (click)="isAnimated = !isAnimated">Toggle animations</button>
Expand Down
Loading

0 comments on commit 1e87f1e

Please sign in to comment.