Primeiros passos

import 'package:koder_kit/koder_kit.dart';

void main() => runApp(const KoderApp(
  productId: 'my-product',
  home: MyHomePage(),
));

import dev.koder.design.compose.theme.KoderDesignTheme

@Composable
fun MyApp() = KoderDesignTheme {
  // Material 3 widgets, Koder skin
}

import KoderDesignSwift

@main
struct MyApp: App {
  var body: some Scene {
    WindowGroup { ContentView().koderDesignTheme() }
  }
}

{{ template "koder-app-shell" . }}
<main>
  <koder-button variant="filled" hx-post="/action">
    Click me
  </koder-button>
</main>

KoderXrOverrides {
  KoderUserSubspace {
    KoderDesignTheme {
      // 2D content auto-spatializes
    }
  }
}

KoderWearTheme {
  KoderPrimaryLayout(
    titleSlot = { Text("My Watch") },
    mainSlot  = { /* content */ },
    bottomSlot = { KoderEdgeButton(...) },
  )
}