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>

Prop name	Type	Default	Description
inOneColumn	boolean \| undefined	false	Выстраивать ссылки в одну колонку вне зависимости от количества