List

<ul class="aura-list">
  <li>Tokens are CSS variables</li>
  <li>Classes are the API</li>
</ul>
<ul class="aura-list aura-list--plain">
  <li>Still a list to a screen reader</li>
  <li>Just not to the eye</li>
</ul>

import { List } from '@ilomee/aura-react';

/**
 * Повторяет html-сниппет `list` из реестра — именно с ним сравнивают все стеки. Оба — `<ul>`: у
 * `ordered` своя строка в таблице пропсов, а директива Angular его не принимает (`<ol>` вы пишете
 * сами), поэтому демо с ним развело бы стеки по разным элементам — причём намеренно.
 */
export default function Demo() {
  return (
    <>
      <List>
        <li>Tokens are CSS variables</li>
        <li>Classes are the API</li>
      </List>
      <List plain>
        <li>Still a list to a screen reader</li>
        <li>Just not to the eye</li>
      </List>
    </>
  );
}

<script setup lang="ts">
import { List } from '@ilomee/aura-vue';
</script>

<template>
  <List plain>
    <li>Still a list to a screen reader</li>
  </List>
</template>

<script lang="ts">
  import { List } from '@ilomee/aura-svelte';
</script>

<List plain>
  <li>Still a list to a screen reader</li>
</List>

import { AuraList } from '@ilomee/aura-angular';

@Component({
  standalone: true,
  imports: [AuraList],
  template: `<ul auraList plain>
    <li>Still a list to a screen reader</li>
  </ul>`,
})
export class DemoComponent {}