{"id":19185489,"url":"https://github.com/qwikifiers/qwik-flow","last_synced_at":"2025-05-08T00:32:25.066Z","repository":{"id":144949302,"uuid":"605059224","full_name":"qwikifiers/qwik-flow","owner":"qwikifiers","description":"Qwik Control Flow Components","archived":false,"fork":false,"pushed_at":"2024-04-15T19:09:35.000Z","size":266,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-20T05:32:14.791Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/qwikifiers.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-02-22T11:03:09.000Z","updated_at":"2024-12-08T16:59:48.000Z","dependencies_parsed_at":"2024-04-15T20:29:09.666Z","dependency_job_id":"2b013c27-83e1-49b0-a527-2cb6f5a5c7e3","html_url":"https://github.com/qwikifiers/qwik-flow","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qwikifiers%2Fqwik-flow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qwikifiers%2Fqwik-flow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qwikifiers%2Fqwik-flow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qwikifiers%2Fqwik-flow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qwikifiers","download_url":"https://codeload.github.com/qwikifiers/qwik-flow/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252978267,"owners_count":21834898,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-09T11:10:40.495Z","updated_at":"2025-05-08T00:32:25.037Z","avatar_url":"https://github.com/qwikifiers.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cp align=\"center\"\u003e\n\n\u003ch1 align='center'\u003eQwik Control Flow Components\u003c/h1\u003e\n\n\u003cdiv align='center'\u003e\n  Use semantic control flow components in your \u003ca href='https://github.com/BuilderIO/qwik'\u003eQwik\u003c/a\u003e app.\n  \u003cbr\u003e\u003cbr\u003e\n\n  \u003ca href='https://img.shields.io/npm/v/@qwikifiers/qwik-flow?label=npm%20version'\u003e\n    \u003cimg src='https://img.shields.io/npm/v/@qwikifiers/qwik-flow?label=npm%20version' alt='@qwikifiers/qwik-flow npm'\u003e\n  \u003c/a\u003e\n  \u003ca href='https://opensource.org/licenses/MIT'\u003e\n    \u003cimg src='https://img.shields.io/badge/License-MIT-green.svg' alt='MIT'\u003e\n  \u003c/a\u003e\n  \u003ca href='#contributors'\u003e\n    \u003cimg src='https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square' alt='All Contributors'\u003e\n  \u003c/a\u003e\n\n\u003c/div\u003e\n\u003cbr\u003e\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Configuration](#configuration)\n- [Usage](#usage)\n- [Contributing](#contributing)\n- [Code Of Conduct](#code-of-conduct)\n- [Contributors](#contributors)\n- [Related Links](#related-links)\n- [License](#license)\n\n\n## Installation\n\n```console\nnpm install -D @qwikifers/qwik-flow\n```\n\n## Usage\n\n`If` component.\n```tsx\nimport { If } from '@qwikifers/qwik-flow';\n\nconst toogle = useSignal\u003cboolean\u003e(false);\n\n\u003cIf condition={toogle.value}\u003e\n  {() =\u003e \u003cInfo message=\"Lorem ipsum dolores avec mi\" /\u003e}\n\u003c/If\u003e\n```\n\n`For` component:\n```tsx\nimport { For } from '@qwikifers/qwik-flow';\n\n\u003cFor each={people.value} fallback={() =\u003e (\u003cdiv\u003eNo data found\u003c/div\u003e)}\u003e\n  {(item, key) =\u003e \u003cCard key={key} data={item} /\u003e}\n\u003c/For\u003e\n```\n\u003cbr/\u003e\n\n`Switch`/`Case` components for more complex rendering logic.\n```tsx\nimport { Switch, Case } from '@qwikifers/qwik-flow';\n\nconst option = useSignal\u003cstring\u003e('1');\n\n\u003cSwitch default={() =\u003e \u003cdiv\u003eInvalid option\u003c/div\u003e}\u003e\n  \u003cCase when={option.value === '1'}\u003e\n    {() =\u003e \u003cp\u003eselected: 1 - Car\u003c/p\u003e}\n  \u003c/Case\u003e\n  \u003cCase when={option.value === '2'}\u003e\n    {() =\u003e \u003cp\u003eselected: 2 - Airplane\u003c/p\u003e}\n  \u003c/Case\u003e\n  \u003cCase when={option.value === '3'}\u003e\n    {() =\u003e \u003cp\u003eselected: 3 - Train\u003c/p\u003e}\n  \u003c/Case\u003e\n\u003c/Switch\u003e\n```\n\n## Contributing\n\nWant to contribute? Yayy! 🎉\n\nPlease read and follow our [Contributing Guidelines](CONTRIBUTING.md) to learn what are the right steps to take before contributing your time, effort and code.\n\nThanks 🙏\n\n\u003cbr/\u003e\n\n## Code Of Conduct\n\nBe kind to each other and please read our [code of conduct](CODE_OF_CONDUCT.md).\n\n\u003cbr/\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n\n\u003cbr/\u003e\n\n## Related Links\n\n- [qwik-flow Discord](https://discord.gg/PVWUUejrez)\n- [Qwik Discord](https://qwik.builder.io/chat)\n- [Qwik Docs](https://qwik.builder.io/)\n\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqwikifiers%2Fqwik-flow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqwikifiers%2Fqwik-flow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqwikifiers%2Fqwik-flow/lists"}