Buttons

  1. What are buttons?
  2. How do you use buttons?
  3. How do you build buttons?
  4. How do you secure buttons?
  5. How do you extend buttons?
  • Intro: Introduce the idea in one sentence.
  • Explanation: An elevator pitch that signals the reader to continue or not (keep looking for relevant page).
  • Sections/Features: Separate sections/sub-sections (h2s/h3s) consistently. This will build the ToC.
    • Attributes
  • Next Steps: Next actions to take that are intentional versus simply additional reading.
  • Code Examples: Code examples and snippets.
  • Insights: Tips, post scriptum, creative links.
  • Additional Reading: Link to related ideas/topics/guides/recipes.

Introduction

Buttons allow users to take actions and make choices.They are typically placed throughout your UI, in places like:

  • Forms
  • Cards
  • Modals
  • Tables
  • Toolbars

Basic Usage

@verbatim<x-button>View Dashboard</x-button>@endverbatim

Icons