KoderUIStylePicker

Documentado Tema themes/ui-style.kmd

Grid de cards de preset com previews ao vivo dos 44 estilos UI ratificados. Seleção persiste em koder.ui_style.

Demo

Mock visual estático — fiel ao pixel mas não interativo. Sub-fatia 2.3 troca demos selecionadas por embed Flutter Web ao vivo.

material3

gnome

macos_sonoma

yaru

Tile com preview ao vivo per preset. Default ratificado é material3; seleção persiste em koder.ui_style.

Disponibilidade

Flutter (koder_kit): koder_kit v0.6.0+
Web (koder_web_kit): koder_web_kit v0.2.0+

Uso em Flutter

import 'package:koder_kit/koder_kit.dart';

KoderSettingsTile(
  key: 'ui_style',
  control: KoderSettingsControl.dropdown(
    options: KoderUIStyle.values,
    builder: (s) => KoderUIStyleOption(s),
  ),
  defaultState: KoderUIStyle.material3,
)

Uso em Web

<script type="module" src="https://hub.koder.dev/sdk/koder-web-kit/v0.3/koder-web-kit.js"></script>

<koder-style-picker></koder-style-picker>