# reflex-type-animation
Reflex type animation is a reflex wrapper around [react-type-animations](https://github.com/maxeth/react-type-animation)
## Installation
```bash
pip install reflex-type-animation
```
## Usage
```python
from reflex_type_animation import type_animation
def index() -> rx.Component:
return rx.center(
type_animation(
sequence=[
"The quick brown fox jumped over the lazy Dog",
1000
]
),
)
```
https://github.com/ElijahAhianyo/reflex-type-animation/assets/19895635/1732465f-d2c2-43f2-ac88-9d18479bd815
### Props
Visit [this link](https://react-type-animation.netlify.app/options) for a more extensive
list of prop options and their uses. However, note that the camelCase prop options are translated
to snake_case in reflex-type-animation.
Below are the prop options and their correct translations:
| Prop | Name to use |
|-------------------------|---------------------------|
| `preRenderFirstString` | `pre_render_first_string` |
| `deletionSpeed ` | `deletion_speed ` |
| `omitDeletionAnimation` | `omit_deletion_animation` |
Raw data
{
"_id": null,
"home_page": null,
"name": "reflex-type-animation",
"maintainer": null,
"docs_url": null,
"requires_python": ">=3.8",
"maintainer_email": null,
"keywords": "reflex, reflex-custom-components, typing animation",
"author": null,
"author_email": "Elijah Ahianyo <elijahahianyo@gmail.com>",
"download_url": "https://files.pythonhosted.org/packages/44/f1/6fde0e6d2b542eb7046b6b7f189085f46af146212f0c30f06e2c3bb34f54/reflex-type-animation-0.0.1.tar.gz",
"platform": null,
"description": "# reflex-type-animation\n\nReflex type animation is a reflex wrapper around [react-type-animations](https://github.com/maxeth/react-type-animation)\n\n## Installation\n\n```bash\npip install reflex-type-animation\n```\n\n## Usage\n\n```python\nfrom reflex_type_animation import type_animation\n\n\ndef index() -> rx.Component:\n return rx.center(\n type_animation(\n sequence=[\n \"The quick brown fox jumped over the lazy Dog\",\n 1000\n ]\n ),\n )\n```\n\n\n\nhttps://github.com/ElijahAhianyo/reflex-type-animation/assets/19895635/1732465f-d2c2-43f2-ac88-9d18479bd815\n\n\n\n### Props\n\nVisit [this link](https://react-type-animation.netlify.app/options) for a more extensive \nlist of prop options and their uses. However, note that the camelCase prop options are translated \nto snake_case in reflex-type-animation.\n\nBelow are the prop options and their correct translations:\n\n| Prop | Name to use |\n|-------------------------|---------------------------|\n| `preRenderFirstString` | `pre_render_first_string` |\n| `deletionSpeed ` | `deletion_speed ` |\n| `omitDeletionAnimation` | `omit_deletion_animation` |\n",
"bugtrack_url": null,
"license": "Apache-2.0",
"summary": "Reflex custom component type-animation",
"version": "0.0.1",
"project_urls": {
"Homepage": "https://github.com/ElijahAhianyo/reflex-type-animation"
},
"split_keywords": [
"reflex",
" reflex-custom-components",
" typing animation"
],
"urls": [
{
"comment_text": "",
"digests": {
"blake2b_256": "c6fb6335690d7539bd63c8b7b0299a8f3b72e4c2adab3ac5aa52009c27d8592a",
"md5": "404bc06dba1f355364a21a426a4cca29",
"sha256": "e140836584e878bc1eacb6dfcd04604727b41079177dca8d7ea514592cd72581"
},
"downloads": -1,
"filename": "reflex_type_animation-0.0.1-py3-none-any.whl",
"has_sig": false,
"md5_digest": "404bc06dba1f355364a21a426a4cca29",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.8",
"size": 2523,
"upload_time": "2024-03-21T16:15:33",
"upload_time_iso_8601": "2024-03-21T16:15:33.201477Z",
"url": "https://files.pythonhosted.org/packages/c6/fb/6335690d7539bd63c8b7b0299a8f3b72e4c2adab3ac5aa52009c27d8592a/reflex_type_animation-0.0.1-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": "",
"digests": {
"blake2b_256": "44f16fde0e6d2b542eb7046b6b7f189085f46af146212f0c30f06e2c3bb34f54",
"md5": "dc8ddaa3ecc8b5a634aff9c3d75e845d",
"sha256": "3dba77349310df1d239c92a5a7efdc6e47b81cc88008f946d007ba167260e04a"
},
"downloads": -1,
"filename": "reflex-type-animation-0.0.1.tar.gz",
"has_sig": false,
"md5_digest": "dc8ddaa3ecc8b5a634aff9c3d75e845d",
"packagetype": "sdist",
"python_version": "source",
"requires_python": ">=3.8",
"size": 2227,
"upload_time": "2024-03-21T16:15:35",
"upload_time_iso_8601": "2024-03-21T16:15:35.611054Z",
"url": "https://files.pythonhosted.org/packages/44/f1/6fde0e6d2b542eb7046b6b7f189085f46af146212f0c30f06e2c3bb34f54/reflex-type-animation-0.0.1.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2024-03-21 16:15:35",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "ElijahAhianyo",
"github_project": "reflex-type-animation",
"travis_ci": false,
"coveralls": false,
"github_actions": false,
"lcname": "reflex-type-animation"
}
JSON
