lablup / lablup/backend.ai-webui
Implement IPSelectFormItem Component for Network Configuration
- Dominant language
- TypeScript
- Stars
- 133
- Forks
- 81
- Avg merge
- 1d 11h
- Merged PRs (30d)
- 344
Description
## Description
We need to create a dedicated `IPSelectFormItem` component that will handle IP address selection in network configuration forms. This component should provide a user-friendly interface for selecting IP addresses within predefined ranges.
## Problem Statement
Currently, network configuration forms require users to manually input IP addresses in text fields. This approach is error-prone and doesn't provide proper validation or selection capabilities for valid IP address ranges.
## Requirements
### Functional Requirements
- Accept a list of available IP addresses or CIDR blocks
- Allow users to select one IP from the provided options
- Validate selected IP against network constraints
- Support both IPv4 and IPv6 address selection
- Provide clear visual feedback for selected addresses
### Technical Requirements
- Component should integrate seamlessly with existing form components
- Should support dynamic IP address updates via props
- Must include proper accessibility attributes (aria-labels, etc.)
- Should follow existing design system patterns
- Must handle edge cases like empty IP lists or invalid ranges
[View original message posted by Jongeun Lee on 10/30/2025, 11:17:32 AM](https://teams.microsoft.com/l/message/19:acd1be4236b94664b814f4d4e5c84da6@thread.skype/1761790652839?parentMessageId=1761640059636)
JIRA Issue: FR-1638
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.