https://github.com/qwikifiers/qwik-flow
Qwik Control Flow Components
https://github.com/qwikifiers/qwik-flow
Last synced: about 1 year ago
JSON representation
Qwik Control Flow Components
- Host: GitHub
- URL: https://github.com/qwikifiers/qwik-flow
- Owner: qwikifiers
- License: mit
- Created: 2023-02-22T11:03:09.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-15T19:09:35.000Z (about 2 years ago)
- Last Synced: 2025-04-20T05:32:14.791Z (about 1 year ago)
- Language: TypeScript
- Size: 260 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Qwik Control Flow Components
## Table of Contents
- [Installation](#installation)
- [Configuration](#configuration)
- [Usage](#usage)
- [Contributing](#contributing)
- [Code Of Conduct](#code-of-conduct)
- [Contributors](#contributors)
- [Related Links](#related-links)
- [License](#license)
## Installation
```console
npm install -D @qwikifers/qwik-flow
```
## Usage
`If` component.
```tsx
import { If } from '@qwikifers/qwik-flow';
const toogle = useSignal(false);
{() => }
```
`For` component:
```tsx
import { For } from '@qwikifers/qwik-flow';
(
No data found)}>
{(item, key) => }
```
`Switch`/`Case` components for more complex rendering logic.
```tsx
import { Switch, Case } from '@qwikifers/qwik-flow';
const option = useSignal('1');
Invalid option}>
{() => selected: 1 - Car
}
{() => selected: 2 - Airplane
}
{() => selected: 3 - Train
}
```
## Contributing
Want to contribute? Yayy! 🎉
Please read and follow our [Contributing Guidelines](CONTRIBUTING.md) to learn what are the right steps to take before contributing your time, effort and code.
Thanks 🙏
## Code Of Conduct
Be kind to each other and please read our [code of conduct](CODE_OF_CONDUCT.md).
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
## Related Links
- [qwik-flow Discord](https://discord.gg/PVWUUejrez)
- [Qwik Discord](https://qwik.builder.io/chat)
- [Qwik Docs](https://qwik.builder.io/)
## License
MIT
