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	Description
toString	(radix?: number) => string	Returns a string representation of an object. @param radix Specifies a radix for converting numeric values to strings. This value is only used for numbers.
toFixed*	(fractionDigits?: number) => string	Returns a string representing a number in fixed-point notation. @param fractionDigits Number of digits after the decimal point. Must be in the range 0 - 20, inclusive.
toExponential*	(fractionDigits?: number) => string	Returns a string containing a number represented in exponential notation. @param fractionDigits Number of digits after the decimal point. Must be in the range 0 - 20, inclusive.
toPrecision*	(precision?: number) => string	Returns a string containing a number represented either in exponential or fixed-point notation with a specified number of digits. @param precision Number of significant digits. Must be in the range 1 - 21, inclusive.
valueOf	() => number	Returns the primitive value of the specified object.
toLocaleString	{ (locales?: string \| string[], options?: NumberFormatOptions): string; (locales?: LocalesArgument, options?: NumberFormatOptions): string; }	Converts a number to a string by using the current or specified locale. @param locales A locale string or array of locale strings that contain one or more language or locale tags. If you include more than one locale string, list them in descending order of priority so that the first entry is the preferred locale. If you omit this parameter, the default locale of the JavaScript runtime is used. @param options An object that contains one or more properties that specify comparison options. @param locales A locale string, array of locale strings, Intl.Locale object, or array of Intl.Locale objects that contain one or more language or locale tags. If you include more than one locale string, list them in descending order of priority so that the first entry is the preferred locale. If you omit this parameter, the default locale of the JavaScript runtime is used. @param options An object that contains one or more properties that specify comparison options.