# leadin/11.3.65/scripts/shared/UIComponents/UIButton.ts

HubSpot All-In-One Marketing – Forms, Popups, Live Chat, version 11.3.65. 20 lines.

- Page: https://pluginprobe.com/plugins/leadin/11.3.65/code/scripts/shared/UIComponents/UIButton.ts
- Raw: https://pluginprobe.com/plugins/leadin/11.3.65/raw/scripts/shared/UIComponents/UIButton.ts
- Modified: 2026-07-10T16:14:28+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/leadin/11.3.65/code/scripts/shared/UIComponents/UIButton.ts#L10-L20`.

```typescript
import { styled } from '@linaria/react';
import { HEFFALUMP, LORAX, OLAF } from './colors';

interface IButtonProps {
  use?: string;
}

export default styled.button<IButtonProps>`
  background-color:${props => (props.use === 'tertiary' ? HEFFALUMP : LORAX)};
  border: 3px solid ${props => (props.use === 'tertiary' ? HEFFALUMP : LORAX)};
  color: ${OLAF}
  border-radius: 3px;
  font-size: 14px;
  line-height: 14px;
  padding: 12px 24px;
  font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;
  font-weight: 500;
  white-space: nowrap;
`;

```