ThemeToggleMessages
interfaz Since 1.4.0
Textos accesibles de <MeekoThemeToggle> además de los nombres de los temas (labels), para
traducirlos. Todos son opcionales; los de por defecto están en español.
ts
import type { ThemeToggleMessages } from "@meekojs/meeko/framework";Source code src/shared/theme.ts:465
Declaración #
ts
interface ThemeToggleMessages {
readonly cycle?: (current: string, next: string) => string
readonly unknown?: string
readonly group?: string
}Example #
meeko
<MeekoThemeToggle
bind:labels="{ light: 'Light', dark: 'Dark', system: 'System' }"
bind:messages="{ cycle: (current, next) => `Theme: ${current}. Switch to ${next}`, unknown: 'Switch theme', group: 'Theme' }"
/>Propiedades #
cycle
#
readonly cycle?: (current: string, next: string) => stringaria-label del botón en mode="cycle": recibe la etiqueta de la elección actual y la del
tema al que pasa. Por defecto, «Tema: oscuro. Cambiar a sistema» (las etiquetas, en minúscula).
unknown
#
readonly unknown?: stringaria-label del botón cuando la página todavía no conoce la elección: el HTML de una página
prerenderizada o de una petición sin la cookie, hasta que termina la hidratación. Por defecto,
«Cambiar tema».
group
#
readonly group?: stringaria-label del grupo de radios en mode="select". Por defecto, «Tema».
See also #
- <MeekoThemeToggle> Framework full-stack