Panenka Whitepaper
  • INTRODUCTION
    • 👋What is Panenka?
      • ❓Why Panenka?
        • 🌎Market Potential of Panenka
    • 🌐Build on Base
    • ⚽Game Features
      • 📈Squad Management
      • 👟Training
      • 🔎Scouting
      • 📋Tactics
      • 🏅Competitive Leagues
    • 💲Tokenomics
    • ⭐Team
  • identity
    • Logos
    • Colors
    • Typography
    • Imagery
  • Components
    • Icons
    • Buttons
    • Inputs
Powered by GitBook
On this page
  • Default
  • Primary
  • Secondary
  1. Components

Buttons

PreviousIconsNextInputs

Last updated 1 year ago

Buttons are used to perform actions in the product.

Default

Good to know: you can embed a Storybook canvas by simple pasting the canvas link and hitting enter.

<Button
    label="Label"
    size="medium"
    kind="default"
    onClick={doTheThing}
/>

Primary

<Button
    label="Label"
    size="medium"
    kind="primary"
    onClick={doTheThing}
/>

Secondary

<Button
    label="Label"
    size="medium"
    kind="secondary"
    onClick={doTheThing}
/>

These examples are taken from the excellent .

Storybook Example Design System