Interactive Component Editor

No example data found in JSDoc @example

Add an @example block to enable interactive editing

Live preview - changes update automatically

Component Information

Name: Button

Category: cta

Path: src/components/cta/Button.astro

Description: Button - Versatile CTA button component

JSDoc Props Documentation

style?: 'primary' | 'secondary' - Button style (default: 'primary')

size?: 'sm' | 'md' | 'lg' - Button size (default: 'md')

href?: string - If provided, renders as link <a> instead of <button>

class?: string - Additional CSS classes

variant?: 'primary' | 'secondary' | 'text' - Legacy prop for backward compatibility

Documentation

For detailed usage instructions, props, and examples, check the JSDoc comments in the component file or see the complete component documentation.