Skip to content

Remove redundancy #562

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Ombuweb wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Remove redundancy #562

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
36bc722
chore: update
Ombuweb Dec 29, 2022
39ecb55
feat(animated-cirlcle): README Added Svelte code snippet
Ombuweb Jan 26, 2023
e6458c0
feat: demo gif
Ombuweb Jan 26, 2023
039ca1c
fix: remove unncessary files
Ombuweb Jan 26, 2023
f8de48d
fix: errors
Ombuweb Jan 27, 2023
48264fd
chore: update
Ombuweb Feb 10, 2023
271fbfb
chore: update
Ombuweb Feb 11, 2023
f3910a1
Merge branch 'main' into docs/readme
NathanWalker Feb 12, 2023
d6bac65
Remove redundancy
Ombuweb Jan 5, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
chore: update
  • Loading branch information
@Ombuweb
Ombuweb committed Feb 11, 2023
commit 271fbfbc876a1f6feaf7bcd8da2455bbd01c2881
18 changes: 9 additions & 9 deletions packages/animated-circle/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ npm install @nativescript/animated-circle

### Core

1. Register the plugin namespace with Page's `xmlns` attribute and provide your prefix( `ui`, for example).
1. Register the plugin namespace with Page's `xmlns` attribute providing your prefix( `ui`, for example).

```xml
<Page xmlns:ui="@nativescript/animated-circle">
Expand Down Expand Up @@ -63,28 +63,28 @@ npm install @nativescript/animated-circle
---
### Angular

1. Add `NativeScriptAnimatedCircleModule` to the module imports where you want to use the plugin.
1. Add `NativeScriptAnimatedCircleModule` to the module imports where you want to use the view.

```typescript
import { NativeScriptAnimatedCircleModule } from '@nativescript/animated-circle/angular';
imports: [NativeScriptAnimatedCircleModule];
```

2. Use the plugin in HTML as follows:
2. Use the view in HTML.

```xml
<AnimatedCircle backgroundColor="transparent" width="200" height="200" animated="true" animateFrom="0" rimColor="#fff000" barColor="#ff4081" rimWidth="25" [progress]="circleProgress" [text]="progress + '%'" textSize="22" textColor="#336699"></AnimatedCircle>
```
---
### Vue

1. Register the plugin in the `app.ts` file.
1. Register the view in the `app.ts` file.
```ts
import { registerElement } from 'nativescript-vue';

registerElement("AnimatedCircle", ()=> require("@nativescript/animated-circle").AnimatedCircle)
```
2. Use it in a `.vue` file.
2. Use the view in a `.vue` file.

```xml
<AnimatedCircle
Expand All @@ -105,14 +105,14 @@ registerElement("AnimatedCircle", ()=> require("@nativescript/animated-circle").
```
---
### Svelte
1. Register the plugin in the `app.ts` file:
1. Register the plugin's view in the `app.ts` file.

```ts
import {registerNativeViewElement} from "svelte-native/dom"

registerNativeViewElement("animatedCircle", ()=> require("@nativescript/animated-circle").AnimatedCircle)
```
2. Use the plugin in markup:
2. Use the view in markup.

```xml
<animatedCircle
Expand All @@ -133,7 +133,7 @@ registerNativeViewElement("animatedCircle", ()=> require("@nativescript/animated
```
---
### React
1. Register
1. Register the plugin's view in the `app.ts` file.
```ts
interface AnimatedCircleAttributes extends ViewAttributes {
progress?: number
Expand Down Expand Up @@ -161,7 +161,7 @@ registerElement("animatedCircle", ()=> require("@nativescript/animated-circle").

```

2. Use the plugin in markup.
2. Use the view in markup.
```xml
<stackLayout marginTop={30}>
<animatedCircle
Expand Down