Quick Start Overview

Build your first Vetra UI application in minutes.

Quick Links

• Setup - Basic theme setup and configuration
• Using Components - How to use Vetra UI components
• Theming - Customizing colors, typography, and more
• Common Patterns - Reusable patterns and examples

Getting Started

1. Apply the theme
2. Start using components
3. Customize your theme
4. Explore patterns

Complete Example

Here's a quick example to get you started:

import androidx.compose.foundation.layout.*
import androidx.compose.material3.Text
import androidx.compose.runtime.*
import com.flyfishxu.vetraui.core.*
import com.flyfishxu.vetraui.core.theme.VetraTheme

@Composable
fun App() {
    VetraTheme {
        Column(
            modifier = Modifier
                .fillMaxSize()
                .padding(24.dp),
            verticalArrangement = Arrangement.spacedBy(16.dp)
        ) {
            VetraButton(onClick = { }) {
                Text("Click Me")
            }

            VetraCard {
                Text("Hello Vetra UI", modifier = Modifier.padding(16.dp))
            }
        }
    }
}

Next Steps

• Setup Guide - Detailed setup instructions
• Component Documentation - Full component reference