1.0.1 • Published 8 months ago

@teamwork/login-button v1.0.1

Weekly downloads
30
License
MIT
Repository
-
Last release
8 months ago

public-components

Public components to enhance your interaction with Teamwork

Login with Teamwork button

Usage

From the CDN

<!-- You can also use https://cdn.teamwork.com/public/{tag}/login-button.js for a specific version -->
<script type="module" src="https://cdn.teamwork.com/public/latest/login-button.js"></script>
<teamwork-login-button
  redirectURI="https://www.myapp.com/"
  clientID="myClientID"
  iconOnly
  state="appstate"
  color="slate"
  size="large"
  borders="rounded"
/>

Using NPM

First install it

npm -i @teamwork/login-button --save

Then, in your main.js file:

import '@teamwork/login-button';

And somewhere in you template:

<teamwork-login-button
  redirectURI="https://www.myapp.com/"
  clientID="myClientID"
  icon="false"
  state="appstate"
  color="slate"
  size="large"
  borders="default"
/>

Parameters

NameDefaultDescriptionAllowed Values
clientIDRequired. Client ID from the Developer Portal
redirectURIRequired. Redirect URI for your Developer Portal app
stateOptional. Value will be passed to your redirect URI as a query parameter
sizemediumSize of the buttonlarge medium small
bordersdefaultButton border styledefault rounded square
colorwhiteButton color themeslate white indigo pink
iconOnlyfalseShow a compact, icon-only version of the buttonAttribute presence indicates true
1.0.1

8 months ago

1.0.0

3 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago

0.0.0

4 years ago