# LinkButton Кнопки-ссылки могут отображаться в нескольких размерах и цветах, могут содержать текст и/или иконку. Props (свойства) для компонента LinkButton: [{"name":"view","type":{"name":"enum","raw":"\"default\" | \"secondary\" | \"accent\" | \"positive\" | \"warning\" | \"negative\"","value":[{"value":"\"default\""},{"value":"\"secondary\""},{"value":"\"accent\""},{"value":"\"positive\""},{"value":"\"warning\""},{"value":"\"negative\""}]}},{"name":"size","type":{"name":"enum","raw":"\"m\" | \"s\" | \"l\" | \"xs\" | \"xl\" | \"xxs\"","value":[{"value":"\"m\""},{"value":"\"s\""},{"value":"\"l\""},{"value":"\"xs\""},{"value":"\"xl\""},{"value":"\"xxs\""}]}},{"name":"disabled","type":{"name":"boolean"}},{"name":"text","type":{"name":"string"}},{"name":"contentRight","type":{"name":"ReactNode"}},{"name":"contentLeft","type":{"name":"ReactNode"}},{"name":"additionalContent","type":{"name":"ReactNode"}},{"name":"isLoading","type":{"name":"boolean"}},{"name":"loader","type":{"name":"ReactNode"}}] ## Использование Компонент  `LinkButton`  может содержать текст, который указывается в
свойстве  `text` , или любой контент напрямую через  `children` . Свойство text можно использовать вместе со свойствами  `contentLeft`  и  `contentRight` .
С их помощью можно размещать  иконку  слева или справа от текста. ```tsx
import React from 'react';
import { LinkButton } from '@salutejs/plasma-web';
import { IconDownload } from '@salutejs/plasma-icons';
export function App() {
return (
<div>
<LinkButton text="Текст" />
<LinkButton text="Текст" contentLeft={<IconDownload color="inherit" />} />
<LinkButton text="Текст" contentRight={<IconDownload color="inherit" />} />
<LinkButton text="Текст" isLoading />
<LinkButton text="Текст" isLoading loader={<div>Loader...</div>} />
</div>
);
}
```