Agenda

O layout da agenda lista os compromissos da semana dia a dia, em vez de colocá-los em uma grade de horas ou dias. Ele lê bem em uma tela estreita, e onde importa é o que vem a seguir, e não onde está o tempo livre. Um calendário abre nele com DefaultLayout (Reagir: defaultLayout), e o seletor de layout da barra de ferramentas muda para ele.

React Blazor

Agenda de Schmeler and Sons

As consultas, tarefas e ligações sobre Schmeler e Filhos. As flechas se movem semana a semana.

Exemplo de reação Exemplo de Blazor React TypeScript Razor

A lista

Cada dia que tem algo é um título, com suas linhas embaixo: o horário deles, ou Todo o dia, e o assunto, ao lado de um ponto na cor de como uma consulta mostra seu horário. Uma semana sem nada diz Nada agendado. Clicar em uma linha a abre, como nos outros layouts. Uma lista não tem horários para colocar uma linha, então nada é movido na agenda, nem mesmo em um Editable calendário.

Um calendário de um layout

Nomeie um único layout em Layouts (React: layouts) e o seletor de layout vai, mantendo o calendário nele — uma lista do que está por vir ao lado do outro conteúdo de uma página, por exemplo. O título de um dia então não abre layout de dia, já que o calendário não oferece nenhum.

React Blazor

Os outros layouts do calendário: Dia, Semana de Trabalho, Semana e Mês.