For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Slack communityLog inBook a demo
  • Getting Started
    • Overview
    • Quickstart
    • Customer Showcase
  • Writing Content
    • Markdown
      • Overview
      • Accordions
      • Accordion Groups
      • Aside
      • Button
      • Callouts
      • Cards
      • Card Groups
      • Code Blocks
      • Embed
      • Endpoint Request Snippet
      • Endpoint Response Snippet
      • Endpoint Schema Snippet
      • Frames
      • Icons
      • Parameter Fields
      • Steps
      • Tabs
      • Tooltips
    • Visual Editor
    • Reusable Markdown
    • Custom React Components
    • Changelog
LogoLogo
Slack communityLog inBook a demo
On this page
  • Example
  • Properties
  • Basic
  • Advanced
Writing ContentComponents

Button

Was this page helpful?
Previous

Callouts

Next
Built with

The Button component provides a flexible way to create interactive buttons with various styles, sizes, and intents.

Example

Example
Markdown
Link Button

Properties

Basic

intent
'none' | 'primary' | 'success' | 'warning' | 'danger'Defaults to 'none'

The visual intent of the button

disabled
booleanDefaults to false

Whether the button is disabled

small
booleanDefaults to false

Whether to use small size

large
booleanDefaults to false

Whether to use large size

icon
string | ReactNode

Icon to display on the left side

href
string

URL to navigate to (renders as link button)

Advanced

minimal
booleanDefaults to false

Whether to use minimal styling

outlined
booleanDefaults to false

Whether to use outlined styling

full
booleanDefaults to false

Whether the button should take full width

rounded
booleanDefaults to false

Whether to use rounded corners

active
booleanDefaults to false

Whether the button is in active state

mono
booleanDefaults to false

Whether to use monospace font

rightIcon
string | ReactNode

Icon to display on the right side

text
ReactNode

The button text content

className
string

Additional CSS classes