{"_id":"bpk-component-cta-button","_rev":"40-b88d3042476492646cd00595675c640d","name":"bpk-component-cta-button","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"bpk-component-cta-button","version":"0.0.1","author":{"name":"Backpack Design System","email":"backpack@skyscanner.net"},"license":"Apache-2.0","_id":"bpk-component-cta-button@0.0.1","maintainers":[{"name":"mattface","email":"matthew.davidson@skyscanner.net"}],"dist":{"shasum":"733b68a2e483ad3b7da23a1fe4f71c688eb9b048","tarball":"https://registry.npmjs.org/bpk-component-cta-button/-/bpk-component-cta-button-0.0.1.tgz","integrity":"sha512-qz2kVt4MVaCRHY7P4zbn5Qn2o8vdv4mZG/uHerjB3nQOfMqdDwcQdwdW0rSt+4jPMuI59klROz9xcW9Xroe7Yw==","signatures":[{"sig":"MEUCIF4G44f21fZvvWpc1YcpmMyS626My3JPROgopfubbtBMAiEAt/4oWhWAYLMJQGSO+8dVzmPuD8kIr6NkTowGaI0pUY8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"733b68a2e483ad3b7da23a1fe4f71c688eb9b048","scripts":{},"_npmUser":{"name":"mattface","email":"matthew.davidson@skyscanner.net"},"deprecated":"bpk-component-cta-button is no longer maintained. Switch to bpk-component-loading-button","repository":{"url":"git@git.prod.skyscanner.local:backpack/backpack.git","type":"git"},"_npmVersion":"4.0.5","description":"Backpack CTA button component.","directories":{},"_nodeVersion":"6.9.2","dependencies":{"bpk-mixins":"^11.0.3","bpk-component-icon":"^3.3.19","bpk-component-button":"^1.6.7","bpk-component-spinner":"^1.0.49"},"peerDependencies":{"react":"^15.0.0"},"_npmOperationalInternal":{"tmp":"tmp/bpk-component-cta-button-0.0.1.tgz_1490865330946_0.8611713869031519","host":"packages-18-east.internal.npmjs.com"}},"0.0.2":{"name":"bpk-component-cta-button","version":"0.0.2","author":{"name":"Backpack Design System","email":"backpack@skyscanner.net"},"license":"Apache-2.0","_id":"bpk-component-cta-button@0.0.2","maintainers":[{"name":"jamesferguson","email":"james.ferguson@skyscanner.net"},{"name":"mattface","email":"matthew.davidson@skyscanner.net"},{"name":"tvooo","email":"tim@tvooo.de"}],"dist":{"shasum":"503eaa24b08f990f9b172cdfa1943eb6f7f6415c","tarball":"https://registry.npmjs.org/bpk-component-cta-button/-/bpk-component-cta-button-0.0.2.tgz","integrity":"sha512-yWiux+MMi6IEj4o8Ni3ulqXzNp+f2HTTtkz//3hf5IzZoxeTG5Fu5xoUEKgNa8fARMr2h60zN8Z6g7fq0GRMhA==","signatures":[{"sig":"MEQCIBqccM8w1Iq/tr+yUIg1uJ+9OamoWItMvYmswfo5+HlnAiBN6/nqj+6IZEqIrr0P3KSUD4KlXUMwF+su12zWaAbWZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","_from":".","_shasum":"503eaa24b08f990f9b172cdfa1943eb6f7f6415c","scripts":{},"_npmUser":{"name":"mattface","email":"matthew.davidson@skyscanner.net"},"deprecated":"bpk-component-cta-button is no longer maintained. Switch to bpk-component-loading-button","repository":{"url":"git@git.prod.skyscanner.local:backpack/backpack.git","type":"git"},"_npmVersion":"4.0.5","description":"Backpack CTA button component.","directories":{},"_nodeVersion":"6.9.2","dependencies":{"bpk-mixins":"^11.0.3","bpk-component-icon":"^3.3.19","bpk-component-button":"^1.6.8","bpk-component-spinner":"^1.0.49"},"peerDependencies":{"react":"^15.0.0"},"_npmOperationalInternal":{"tmp":"tmp/bpk-component-cta-button-0.0.2.tgz_1490970173201_0.45510181225836277","host":"packages-12-west.internal.npmjs.com"}}},"time":{"created":"2017-03-30T09:15:31.670Z","modified":"2025-10-09T08:45:07.036Z","0.0.1":"2017-03-30T09:15:31.670Z","0.0.2":"2017-03-31T14:22:55.052Z"},"author":{"name":"Backpack Design System","email":"backpack@skyscanner.net"},"license":"Apache-2.0","repository":{"url":"git@git.prod.skyscanner.local:backpack/backpack.git","type":"git"},"description":"Backpack CTA button component.","maintainers":[{"email":"oliver.curtis@skyscanner.net","name":"ojcurt"},{"email":"gert-jan.vercauteren@skyscanner.net","name":"gert-jan.vercauteren"},{"email":"backpack@skyscanner.net","name":"skyscanner-koalasquad"},{"email":"matthew.davidson@skyscanner.net","name":"mattface"}],"readme":"# bpk-component-cta-button\n\n> Backpack CTA button component.\n\n## Installation\n\n```sh\nnpm install bpk-component-cta-button --save\n```\n\n## Usage\n\n```js\nimport React from 'react';\nimport BpkCtaButton from 'bpk-component-cta-button';\nimport BaggageIcon from 'bpk-component-icon/sm/baggage';\nimport { withButtonAlignment } from 'bpk-component-icon';\n\nconst AlignedBaggageIcon = withButtonAlignment(BaggageIcon);\nconst icon = <AlignedBaggageIcon />;\n\nexport default () => (\n  <div>\n    <BpkCtaButton>Primary</BpkCtaButton>\n    <BpkCtaButton large>Large primary</BpkCtaButton>\n    <BpkCtaButton selected>Selected</BpkCtaButton>\n    <BpkCtaButton secondary>Secondary</BpkCtaButton>\n    <BpkCtaButton iconOnly>\n      <span className=\"visually-hidden\">Search</span>\n    </BpkCtaButton>\n    <BpkCtaButton icon={icon} iconDisabled={icon}>Custom Icon</BpkCtaButton>\n  </div>\n);\n```\n\n### Props\n\n| Property     | PropType | Required | Default Value |\n| ------------ | -------- | -------- | ------------- |\n| children     | node     | true     | -             |\n| className    | string   | false    | null          |\n| disabled     | bool     | false    | false         |\n| loading      | bool     | false    | false         |\n| iconOnly     | bool     | false    | false         |\n| icon         | element  | false    | null          |\n| iconSelected | element  | false    | null          |\n| iconDisabled | element  | false    | null          |\n","readmeFilename":"readme.md"}