lablup / lablup/backend.ai-webui

Implement IPSelectFormItem Component for Network Configuration

Open
#4,499 0 comments 0 reactions 0 assignees View on GitHub
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.