DownloadLinks

Пропсу children должны передаваться только компоненты DownloadLink

import { DownloadLinks, DownloadLink } from '@megafon/ui-shared';

Примеры и код
Свойства и методы

Демо данныеconst text = 'Заявление на объединение/разделение Лицевых счетов и дополнительная информация';
const extension = 'pdf';
const fileSize = '202,3 кб';
const href = 'href';

Одна колонка

<DownloadLinks>
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
</DownloadLinks>

<DownloadLinks>
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
</DownloadLinks>

Две колонки

<DownloadLinks>
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
</DownloadLinks>

<DownloadLinks>
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
</DownloadLinks>

Три колонки

<DownloadLinks>
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
</DownloadLinks>

<DownloadLinks>
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
</DownloadLinks>

Одна колонка вне зависимости от количества ссылок

<DownloadLinks inOneColumn>
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
  <DownloadLink href={href} text={text} extension={extension} fileSize={fileSize} />
</DownloadLinks>