@xsolla/xui-list

Structured list container with interactive rows and optional section title groupings.

Installation

yarn add @xsolla/xui-list

Usage

import { List } from '@xsolla/xui-list';

function MyComponent() {
  return (
    <List>
      <List.Title>Section</List.Title>
      <List.Row hoverable onClick={() => console.log('pressed')}>
        Item 1
      </List.Row>
      <List.Row>Item 2</List.Row>
    </List>
  );
}

Components

• List — Full-width column container with list role
• List.Row — Individual row; interactive when onClick or hoverable is set
• List.Title — Section header rendered on a secondary background

Props

List.Row

| Prop | Type | Default | Description | |------|------|---------|-------------| | hoverable | boolean | — | Apply hover background even without a press handler | | onClick | () => void | — | Click/press handler; makes row interactive | | onPress | () => void | — | Alias for onClick (React Native compat) |