Introducción
RayCraft es una biblioteca de controles Blazor (.NET 10: Server, WebAssembly y Auto) con temas claro, oscuro y compacto, textos en inglés y búlgaro, y compatibilidad con teclado y lectores de pantalla. RayCraft Free está disponible ahora; RayCraft Complete está disponible ahora.
Instalación
Añade el paquete con:
dotnet add package RayCraft.BlazorConsulta Empezar para los pasos de configuración. Hay ejemplos que funcionan en el repositorio de GitHub, que contiene solo código de ejemplo y demostración, no el código de la biblioteca.
Controles
Botones
Button (Free)
Dispara una acción, o navega cuando se define Href (el botón se muestra entonces como un enlace con el mismo aspecto).
IconButton (Free)
Botón que solo muestra un icono. Label es obligatorio: se convierte en el nombre accesible y la pista.
ButtonGroup (Free)
Une botones en un control segmentado, horizontal o vertical. Combínalo con ToggleButton para un selector de vista.
ToggleButton (Free)
Botón que mantiene un estado activado/desactivado y lo expone con aria-pressed.
SplitButton (Free)
Una acción principal con un menú de acciones relacionadas. Se usan los mismos elementos MenuItem que en Menu.
FloatingActionButton (Free)
Un botón cuadrado fijado en una esquina de la pantalla para la acción principal. Extended muestra el texto junto al icono; el texto es siempre el nombre accesible.
SpeedDial (Free)
Un botón flotante que abre una lista corta de acciones. Esc cierra la lista; cada acción es un botón real en el orden de tabulación.
ProgressButton (Free)
Un botón que muestra trabajo en curso: un indicador mientras Progress no está definido, una barra a lo largo del borde inferior y un porcentaje hablado cuando lo está.
CopyButton (Free)
Copia un texto al portapapeles y lo confirma con una marca. Necesita un contexto seguro (https o localhost).
Texto y números
TextField (Free)
Entrada de texto de una línea. Funciona con EditForm y DataAnnotations; el mensaje de error aparece debajo del campo.
NumericField (Free)
Entrada de número para cualquier tipo numérico (int, decimal, double, versiones anulables). Los valores fuera de Min y Max se limitan, y los botones avanzan según Step.
PercentField (Free)
Campo numérico que el usuario escribe como porcentaje (12.5) mientras el valor se guarda como fracción (0.125).
MoneyField (Free)
Campo de importe para valores decimal y decimal?. El texto se formatea y se interpreta con la cultura actual (se entienden tanto 1,234.50 como 1.234,50), se redondea a Decimals y se mantiene dentro de Min y Max.
MaskedInput (Free)
Campo de texto que da formato a lo que escribes según una máscara: 0 es un dígito, a una letra, * una letra o un dígito, cualquier otro carácter un separador fijo (escapa un carácter de máscara con una barra invertida).
OtpInput (Free)
Una casilla por carácter para códigos de verificación. Escribir pasa a la casilla siguiente, Retroceso a la anterior, y un código pegado rellena todas las casillas.
SearchBox (Free)
Campo de búsqueda con icono y botón de borrado. OnSearch se ejecuta con Intro, con el botón de borrado y (opcionalmente) con cada pulsación; Esc borra el texto.
PasswordStrength (Free)
Muestra qué tan fuerte es una contraseña con cuatro barras, una palabra y una lista de las reglas que cumple.
InPlaceEditor (Free)
Muestra un valor como texto; un clic lo convierte en un campo con botones de guardar y cancelar.
Selección de lista
Select (Free)
Lista desplegable para elegir un elemento. TValue puede ser de cualquier tipo, incluidos tus propios registros.
DropDownList (Free)
Un combobox para listas muy largas. Solo se dibujan las opciones visibles, así que 100 000 entradas se abren al instante; escribir reduce la lista.
MultiSelect (Free)
Lista desplegable con casillas para elegir varios elementos. El disparador resume la selección; Seleccionar todo y Borrar están integrados.
ListBox (Free)
Lista siempre visible para una elección (botones de radio debajo) o varias (casillas).
Autocomplete (Free)
Campo de texto que filtra una lista mientras escribes. Admite las flechas, Intro y Esc y sigue el patrón ARIA combobox.
MultiColumnComboBox (Free)
Un Autocomplete cuya lista muestra varias columnas con una fila de encabezado. Al escribir se busca en todas las columnas.
Cascader (Free)
Elige un valor de una jerarquía: una columna de opciones abre una columna de subopciones.
DropDownTree (Free)
Un campo desplegable que abre un árbol para elegir un nodo. Está construido con TreeView y Popover y conserva su comportamiento de teclado.
TagInput (Free)
Lista libre de tags. Intro o una coma añade el texto escrito, Retroceso en un campo vacío quita el último tag y cada tag tiene un botón de quitar.
Mention (Free)
Un cuadro de texto que sugiere nombres tras un carácter disparador (@ por defecto). Las flechas e Intro eligen; el nombre elegido se inserta con el disparador.
Deslizadores y valoración
Slider (Free)
Arrastra para elegir un número en un rango.
RangeSlider (Free)
Deslizador con dos selectores para elegir un valor inferior y uno superior. Ambos son entradas range nativas, así que las flechas funcionan.
RangeSelector (Free)
Una franja con dos controles que selecciona un intervalo de una serie; una pequeña vista previa de los datos queda tras los controles.
Rating (Free)
Valoración con estrellas. Haz clic de nuevo en la estrella actual para borrarla.
RatingDisplay (Free)
Estrellas de solo lectura con fracciones (4.5 muestra cuatro y media), un número opcional y un recuento de reseñas.
Color y archivo
ColorPicker (Free)
Campo de color con el selector nativo, un cuadro de texto hexadecimal y muestras predefinidas opcionales.
ColorPalette (Free)
Una cuadrícula de muestras de color que funciona como grupo de radio: una sola parada de tabulación, las flechas, Inicio y Fin mueven y eligen.
ColorButton (Free)
Un botón de barra de herramientas para un color: un icono con una barra del color elegido debajo. Al hacer clic se abre el selector de color del navegador.
FileUpload (Free)
Zona de soltar y selector de archivos. Comprueba tamaño, tipo y número, enumera los archivos aceptados y lanza FilesChanged; leer el contenido te corresponde a ti (IBrowserFile.OpenReadStream).
SignaturePad (Free)
Lienzo para dibujar una firma con ratón, dedo o lápiz. El valor es un PNG como URL de datos.
Editores
MarkdownEditor (Free)
Área de texto con barra de formato y vista previa en vivo, para quienes escriben Markdown en lugar de texto enriquecido.
AddressField (Free)
Un campo de destinatarios de correo: cada dirección se convierte en un chip. Escribe o pega una lista, elige entre sugerencias de tu origen de datos, haz doble clic en un chip para editarlo y ve al instante qué direcciones no son válidas.
Selección
Checkbox (Free)
Entrada booleana con etiqueta.
CheckboxGroup (Free)
Un grupo de casillas para elegir varios elementos de una lista, dentro de un fieldset con leyenda para que los lectores de pantalla anuncien el nombre del grupo.
Radio (Free)
RadioGroup (Free)
Una elección de una lista corta. Usa Items para listas simples o hijos Radio para etiquetas personalizadas.
Switch (Free)
Interruptor booleano, anunciado a las tecnologías de asistencia como switch.
Chip (Free)
Etiqueta compacta, opcionalmente eliminable.
ChipSet (Free)
Chips que se pueden seleccionar, para filtros y tags. Una opción por defecto, varias con Multiple.
ToggleGroup (Free)
Control segmentado para una elección (grupo de radio) o varias (botones de alternar). Úsalo para selectores de vista y alternadores de formato.
TransferList (Free)
Dos listas con botones para mover elementos entre ellas, para elegir un subconjunto de una lista larga.
Fecha y hora
Calendar (Free)
Cuadrícula mensual usada por DatePicker y DateTimeRangePicker. Úsala sola para selección de fecha en línea.
DatePicker (Free)
Campo de fecha con calendario. Los nombres de meses y días, el primer día de la semana y el formato de fecha (también usado como marcador por defecto) siguen el idioma actual de RayCraft.
DateTimePicker (Free)
Un campo para fecha y hora: un DatePicker y un TimePicker lado a lado que juntos enlazan un DateTime.
DateTimeRangePicker (Free)
Periodo con inicio y fin, elegido en un calendario que muestra dos meses lado a lado (Months) (el primer clic fija el inicio, el segundo el fin) y escrito o ajustado por campo.
MonthPicker (Free)
Elige un mes y un año. El valor es el primer día del mes.
YearPicker (Free)
Elige un año en una cuadrícula de doce años con botones para páginas anteriores y posteriores.
WeekPicker (Free)
Elige una semana entera. El valor es el primer día de la semana del idioma actual; el campo muestra el número de semana ISO y las fechas.
TimeField (Free)
El cuadro de hora básico sobre el que se construyen TimePicker, TimeRangePicker y DateTimeRangePicker.
TimePicker (Free)
Campo de hora escrito en el formato del idioma actual de RayCraft (9:30 AM en inglés, 9:30 en búlgaro), así que se ve igual en todos los navegadores.
TimeRangePicker (Free)
Hora de inicio y de fin en un campo, cada una escrita en el formato del idioma actual como TimePicker.
TimeSpanPicker (Free)
Introduce una duración como días, horas, minutos y segundos. El valor es un TimeSpan.
EventCalendar (Free)
Vista mensual con eventos. Los eventos de varios días aparecen en cada día; un día muestra hasta MaxEventsPerDay y un enlace +n más.
Formularios
ErrorSummary (Free)
Enumera todos los mensajes de validación del EditForm que lo rodea en un bloque. Colócalo dentro de un EditForm con un validador.
FormLayout (Free)
Organiza etiquetas y campos en una cuadrícula adaptable de doce columnas, con secciones tituladas.
FormState (Free)
Bloquea todos los campos de RayCraft de su interior con un parámetro: Disabled los bloquea por completo, ReadOnly muestra los valores sin permitir cambios.
LoginForm (Free)
Formulario de inicio de sesión listo con validación localizada. Lanza OnSubmit con el LoginModel introducido y deja el inicio de sesión real en tus manos.
RegisterForm (Free)
Formulario de registro listo: nombre, correo, contraseña y confirmación, con validación localizada.
Captcha (Free)
Comprobación humana sencilla con una pequeña pregunta de aritmética. Solo frena bots básicos; verifica la protección real en el servidor (por ejemplo con un servicio hecho para ello).
FormBuilder (Free)
Construye un formulario a partir de definiciones de campos: texto, correo, contraseña, número, fecha, área de texto, lista, radio, casilla e interruptor.
Diseño
Container (Free)
Centra el contenido y limita su ancho. El ancho por defecto sigue los puntos de ruptura (540, 720, 960, 1140 y 1320 px).
Stack (Free)
Organiza los hijos en fila o columna con un espacio constante.
Grid (Free)
Cuadrícula de 12 columnas. Span fija el ancho de un elemento en cada pantalla, y Sm, Md, Lg, Xl y Xxl lo cambian desde ese punto de ruptura (los mismos que en la página Breakpoints).
GridItem (Free)
Spacer (Free)
Elemento vacío que crece para llenar el espacio libre en una fila flex, empujando los elementos siguientes hacia el final.
Divider (Free)
Línea fina que separa el contenido, horizontal o vertical.
Card (Free)
Contenedor con encabezado y pie opcionales.
Panel (Free)
Sección con título con botón de contraer opcional y acciones de encabezado.
Fieldset (Free)
Agrupa controles de formulario relacionados bajo una leyenda. Disabled desactiva todos los controles de su interior.
Toolbar (Free)
Fila de botones de herramientas con role=toolbar.
Splitter (Free)
Dos paneles redimensionables. Arrastra la barra con el ratón o el tacto, o enfócala y usa las flechas (Mayús para pasos mayores, Inicio y Fin para los límites).
Accordion (Free)
Secciones desplegables. Por defecto, abrir una cierra las demás; define Multiple para permitir varias.
Collapse (Free)
Muestra u oculta su contenido. Enlaza Expanded a cualquier botón; KeepMounted mantiene el contenido en la página mientras está oculto.
TagCloud (Free)
Palabras en tamaños que siguen su peso. Los tags pueden ser enlaces, botones que seleccionan o texto simple.
TitleIndex (Free)
Una lista agrupada por la primera letra con una barra de letras arriba. Una letra mueve el foco (y la vista) a su sección; las letras sin elementos están desactivadas.
Navegación
AppBar (Free)
Barra superior para el título y las acciones principales. Pon enlaces en NavContent y quedan en la barra en pantallas anchas y se pliegan tras un botón de menú por debajo de 768 px.
Drawer (Free)
Panel lateral. Los paneles temporales flotan sobre la página con un fondo, se cierran con Esc y mueven el foco al panel; define Temporary=false para una barra lateral permanente.
NavMenu (Free)
Navegación vertical con resaltado de la página activa (basada en NavLink) y grupos plegables.
NavItem (Free)
NavGroup (Free)
Tabs (Free)
Cambia entre paneles. Admite las flechas, Inicio y Fin.
Stepper (Free)
Guía al usuario por una secuencia de pasos con botones Atrás y Siguiente.
Wizard (Free)
Un flujo guiado por pasos. Cada paso puede validar antes de que el usuario continúe, un paso puede ser opcional, los pasos terminados se pueden reabrir y el resultado puede mostrar su propia página.
Breadcrumbs (Free)
Muestra la ruta hasta la página actual. El último elemento es la página actual.
Menu (Free)
Botón que abre una lista de acciones. Se cierra al seleccionar, con Esc o con un clic fuera.
MenuItem (Free)
ContextMenu (Free)
Menú que se abre con el botón derecho del ratón o la tecla de menú contextual sobre su contenido.
MenuBar (Free)
Una barra de menús horizontal para aplicaciones: menús de primer nivel con comandos, atajos, marcas, iconos y submenús.
CommandContextMenu (Free)
Un menú contextual construido a partir de datos MenuCommand, con submenús, marcas, atajos y el mismo manejo del teclado que MenuBar.
TextContextMenu (Free)
El menú de clic derecho de un elemento de texto editable: deshacer, rehacer, cortar, copiar, pegar y seleccionar todo, más los comandos que añadas.
ProfileMenu (Free)
Avatar, nombre y un menú para el usuario con sesión iniciada, construido con los mismos elementos MenuItem que Menu.
Pagination (Free)
Selector de página con puntos suspensivos para rangos largos.
TreeView (Free)
Lista jerárquica que sigue el patrón ARIA tree. Las flechas mueven y expanden, Inicio y Fin saltan, Intro o Espacio selecciona.
ScrollSpy (Free)
Un índice dentro de la página que resalta el título que está en ese momento en la parte superior de la pantalla.
Superposiciones
Dialog (Free)
Ventana modal. El foco entra y permanece dentro hasta que se cierra (Esc, el botón de cierre o un clic en el fondo); después el foco vuelve al elemento anterior.
DialogHost (Free)
Popover (Free)
Panel flotante abierto por un activador. Se cierra con Esc o con un clic fuera.
Tooltip (Free)
Pista breve mostrada al pasar el ratón y con el foco del teclado. Es CSS puro, así que también funciona antes de que la página sea interactiva.
Overlay (Free)
Atenúa la página (o, con Absolute, su elemento padre posicionado) y puede mostrar contenido como un indicador de carga.
Lightbox (Free)
Tour (Free)
Introducción paso a paso que resalta elementos de la página elegidos por selector CSS. Los pasos sin elemento coincidente aparecen en el centro.
ColorDialog (Free)
FontDialog (Free)
SnackbarHost (Free)
Comentarios
Alert (Free)
Mensaje en línea coloreado por gravedad, con un icono a juego. Define Dismissible para mostrar un botón de cierre; usa bind-Visible u OnDismiss para reaccionar al cerrarlo.
Badge (Free)
Pequeña etiqueta de estado.
BusyOverlay (Free)
Envuelve una región y, mientras Busy es true, la atenúa y muestra un indicador de carga encima. La cubierta bloquea el ratón, marca la región con aria-busy y anuncia la etiqueta.
CookieConsent (Free)
Un banner que pregunta qué cookies se permiten. Recuerda la respuesta en el almacenamiento local, ofrece Aceptar todo, Solo necesarias y una elección por categoría, y no bloquea la página.
EmptyState (Free)
Mensaje para listas y páginas sin contenido, con icono, explicación y acciones opcionales.
NotificationCenter (Free)
Un botón de campana con el número de notificaciones sin leer y un panel que las enumera. Se pueden leer, descartar y borrar; el número se anuncia a los lectores de pantalla.
ProgressBar (Free)
Muestra el progreso de 0 a Max. Sin Value es indeterminado.
ProgressCircular (Free)
Anillo que muestra un valor de progreso determinado. Para duraciones desconocidas usa Spinner.
ResultPage (Free)
Un mensaje a página completa para un resultado: éxito, error, información, advertencia, página no encontrada, sin acceso y error del servidor, con icono, título, texto y botones.
Skeleton (Free)
Marcador de posición mostrado mientras carga el contenido.
SkeletonPreset (Free)
Marcadores de carga listos: tarjeta, lista, tabla, perfil y párrafo. Anuncian un estado ocupado a los lectores de pantalla.
Spinner (Free)
Indicador de carga indeterminado con un nombre accesible localizado.
Content
Typography (Free)
Títulos, texto de cuerpo, leyendas y sobrelíneas con la fuente y los tamaños del tema. Los títulos renderizan elementos h1 a h6 reales.
Icon (Free)
Una biblioteca de iconos comunes en un estilo coherente: cuadrícula de 16 px, trazos de 1,5 px, extremos cuadrados.
Image (Free)
Imagen con texto alternativo obligatorio, modos de ajuste, borde y leyenda opcionales. La carga diferida está activada por defecto.
ImageGallery (Free)
Cuadrícula de miniaturas que abre un visor a pantalla completa (Lightbox) con botones anterior y siguiente, las flechas y Esc.
Avatar (Free)
Insignia cuadrada de usuario: imagen, iniciales calculadas a partir de un nombre o un icono de usuario por defecto.
AvatarGroup (Free)
Avatares superpuestos para un equipo o las personas de un elemento. Más de Max personas se pliegan en un avatar +n cuya pista enumera los nombres.
Link (Free)
Ancla con estilo. Los enlaces externos se abren en una pestaña nueva con rel="noopener noreferrer" y muestran un icono.
Statistic (Free)
Número grande con una etiqueta, una tendencia opcional y contenido adicional como un Sparkline.
Descriptions (Free)
Pares clave y valor en una cuadrícula, para los detalles de un registro. Las columnas se reducen a una en pantallas estrechas.
Timeline (Free)
Secuencia vertical de eventos con marcador, hora y color de gravedad opcional.
Carousel (Free)
Diapositivas con botones anterior y siguiente e indicadores. La reproducción automática es opcional; se pausa al pasar el ratón y con el foco y tiene un botón de pausa, como exige WCAG.
Countdown (Free)
Cuenta atrás hasta un momento y lanza OnFinished cuando se alcanza.
Highlighter (Free)
Marca cada aparición de un texto de búsqueda dentro de una cadena, sin distinguir mayúsculas salvo que se defina CaseSensitive.
Marquee (Free)
Franja desplazable para avisos breves. Se pausa al pasar el ratón y con el foco, tiene un botón de pausa (WCAG 2.2.2) y se detiene por completo cuando el sistema pide movimiento reducido.
CodeBlock (Free)
Muestra código fuente con coloración de sintaxis ligera (C#, JavaScript, TypeScript, JSON, HTML, SCSS, SQL y shell), números de línea opcionales y botón de copiar.
Markdown (Free)
Muestra texto Markdown: títulos, énfasis, enlaces, imágenes, listas (anidadas), citas, código, tablas y reglas.
QrCode (Free)
Dibuja un código QR como SVG simple, sin servicio de imágenes ni script. Texto de hasta 2331 bytes (las 40 versiones, nivel de corrección de errores M).
Barcode (Free)
Dibuja Code 128 (todo el ASCII imprimible, los dígitos se empaquetan en pares), Code 39 (mayúsculas, dígitos y - . $ / + % espacio), EAN-13, EAN-8 y UPC-A (el dígito de control se añade, o se verifica si se da) como SVG simple.
PricingTable (Free)
Tarjetas de planes con precio, lista de funciones y botón, con un interruptor opcional entre facturación mensual y anual.
CommentThread (Free)
Comentarios con respuestas, un cuadro para un comentario nuevo y los comandos Responder y Eliminar. El texto se muestra como se escribió (se conservan los saltos de línea, nada se trata como HTML).
ActivityFeed (Free)
Una lista de lo ocurrido y de quién lo hizo, lo más reciente primero, agrupada por días, con un icono o las iniciales del autor y una línea de detalle opcional.
Datos ligeros
Table (Free)
Tabla HTML simple con estilo para datos estáticos. Usa DataGrid cuando necesites ordenar, filtrar o paginar.
List (Free)
Lista vertical de elementos con icono, dos líneas de texto y una acción al final. Los elementos se convierten en enlaces o botones cuando se define Href u OnClick.
Repeater (Free)
Muestra una lista de elementos con tu propia plantilla. Añade lo que le falta a un simple bucle: un encabezado, un estado vacío, una cuadrícula con número fijo de columnas y paginación opcional (PageSize).
VirtualList (Free)
Una lista desplazable que solo dibuja las filas visibles, para cientos de miles de elementos.
PropertyGrid (Free)
Edita las propiedades públicas de cualquier objeto, agrupadas por Category y etiquetadas con DisplayName.
Arrastrar
Sortable (Free)
Lista que se puede reordenar arrastrando, o con los botones de mover para uso con teclado y tacto.
Preferencias
ThemeToggle (Free)
Interruptores listos para los temas Light, Dark, Slate y Slate Dark (ThemeToggle los recorre uno a uno), la densidad cómoda/compacta (DensityToggle) y el idioma en-US/bg-BG (LanguageToggle).
ThemeMenu (Free)
Una lista desplegable para el tema y la densidad: Slate, Slate Dark, Desktop, Desktop Dark, Mist, Mist Dark, Dark y Light, cada uno en densidad normal y compacta.
DensityToggle (Free)
LanguageToggle (Free)
Utilidades
BreakpointObserver (Free)
Indica a tu código en qué punto de ruptura con nombre (Xs a Xxl) está la ventana y vuelve a renderizar cuando cambia.
Fullscreen (Free)
Añade un botón que muestra su contenido a pantalla completa. Usa la API Fullscreen y una capa a ventana completa en navegadores que no la tienen (algunos teléfonos).
Hotkey (Free)
Componente invisible que ejecuta una devolución de llamada para un atajo de teclado como alt+k o mod+shift+l (mod es Ctrl en Windows y Cmd en macOS).
InfiniteScroll (Free)
Carga más contenido cuando el final de una lista entra en la vista. Usa IntersectionObserver (con alternativa por desplazamiento) y lanza OnLoadMore; define Loading mientras recuperas y HasMore en false al final.
ScrollToTop (Free)
Botón flotante que aparece tras desplazarse hacia abajo y vuelve al principio de la página.
Datos
DataGrid (Complete)
Tabla con ordenación (clic en una cabecera: ascendente, descendente, desactivado), filtros por columna, paginación, selección de filas y plantillas.
TreeList (Complete)
Un árbol cuyos nodos son filas de tabla. Expandir y contraer, ordenar, filtrar y elegir columnas; el teclado sigue el patrón WAI-ARIA treegrid.
PivotGrid (Complete)
Resume una lista en una tabla cruzada: campos en las filas, campos en las columnas y cifras en las celdas, con subtotales, totales generales y selector de campos.
QueryBuilder (Complete)
Construye una consulta con grupos anidados de condiciones, cada grupo combinado con AND u OR.
DataFilter (Complete)
Construye un filtro a partir de condiciones (campo, operador, valor) y lo devuelve como predicado, de modo que funciona con cualquier lista y con los elementos de DataGrid.
FileExplorer (Complete)
Explorador de archivos para un almacén que proporciona tu código (una base de datos, un disco o la nube).
FileManager (Complete)
Árbol de carpetas, ruta y vista de lista o mosaico de los archivos de la carpeta actual, con búsqueda, orden, nueva carpeta, renombrar, eliminar y cargar.
Gráficos
LineChart (Complete)
Gráfico de líneas con varias series, suavizado y relleno de área opcionales. Haz clic en una entrada de la leyenda para ocultar o mostrar una serie.
AreaChart (Complete)
Áreas apiladas, porcentuales y superpuestas. Las áreas apiladas y porcentuales son sólidas para que el total y las proporciones se lean con facilidad.
BarChart (Complete)
Barras agrupadas o apiladas, verticales u horizontales, con valores negativos admitidos en modo agrupado.
ComboChart (Complete)
Barras y líneas en ejes compartidos. Marca una serie con AsLine para dibujarla como línea.
PieChart (Complete)
Gráfico circular o de anillo. Se omiten las porciones de valor cero o menor, y las entradas de la leyenda ocultan porciones.
RadarChart (Complete)
Compara varias medidas de cada serie sobre radios alrededor de un centro.
ScatterChart (Complete)
Puntos en dos ejes numéricos. Haz clic en una entrada de la leyenda para ocultar una serie; los datos también están disponibles como tabla oculta para lectores de pantalla.
BubbleChart (Complete)
Un diagrama de dispersión con una tercera dimensión: el área de cada marcador cuadrado sigue el valor de tamaño.
Histogram (Complete)
Recuentos de valores en rangos iguales, dibujados como barras contiguas. Elige el número de intervalos o el ancho de un intervalo, y muestra recuentos o proporciones.
BoxPlot (Complete)
La dispersión de un grupo de números. La caja es la mitad central, la línea es la mediana, los bigotes llegan al valor más lejano dentro de 1,5 veces la altura de la caja, y los cuadrados sueltos son valores atípicos.
HeatmapChart (Complete)
Cuadrícula de celdas cuya intensidad muestra el valor. El texto y la intensidad se eligen para mantener el contraste en ambos temas.
CalendarHeatmap (Complete)
Un año de días como pequeños cuadrados, una columna por semana, más oscuros donde el valor es mayor.
TreemapChart (Complete)
Rectángulos cuyas áreas son proporcionales a los valores, dispuestos con el algoritmo squarified.
SunburstChart (Complete)
Jerarquía como anillos concéntricos: cada anillo es un nivel y el ángulo de un arco es proporcional a su total.
SankeyChart (Complete)
Diagrama de flujo: los nodos se colocan en columnas según su camino y los anchos de los enlaces son proporcionales a la cantidad.
FunnelChart (Complete)
Etapas que se estrechan según sus valores, con la proporción de la primera etapa.
WaterfallChart (Complete)
Un total acumulado con aumentos, disminuciones y totales. El verde y el rojo se distinguen también por el signo +/- de cada barra y en la tabla de datos.
CandlestickChart (Complete)
Apertura, máximo, mínimo y cierre de cada periodo, con volumen opcional. Un periodo alcista tiene el cuerpo hueco y uno bajista relleno, así que el significado no depende solo del color.
Sparkline (Complete)
Pequeña línea de tendencia sin ejes, dimensionada para caber en texto o celdas de tabla.
Gauge (Complete)
Medidor en arco para un único valor con bandas de color opcionales. Se expone a las tecnologías de asistencia como una imagen etiquetada con el valor.
LinearGauge (Complete)
Medidor recto para un único valor, horizontal o vertical, con bandas de color opcionales.
BulletChart (Complete)
Progreso compacto frente a un objetivo: una barra por medida con rangos cualitativos y una marca de objetivo.
Map (Complete)
Un mapa dibujado como SVG simple a partir de GeoJSON. Las regiones pueden colorearse por un valor, los marcadores se sitúan en coordenadas, y el usuario puede seleccionar una región, ampliar y mover.
ChartDataTable (Complete)
ChartLegend (Complete)
ChartToolbar (Complete)
Diagramas
Diagram (Complete)
Diagramas de flujo y organigramas dibujados como SVG. Las cajas se colocan automáticamente por niveles según sus conexiones, o en las X e Y que indiques.
Planificación
Scheduler (Complete)
Vistas de día, semana, mes, agenda, año y línea de tiempo con eventos colocados por hora, eventos superpuestos lado a lado, arrastrar y soltar para mover un evento, Mayús con las flechas como vía de teclado.
SchedulerEventEditor (Complete)
El formulario que usa el diálogo de evento del Scheduler: título, descripción, lugar, todo el día, inicio y fin, recurso, color, recordatorio, zona horaria y repetición.
RecurrenceEditor (Complete)
Edita una regla de repetición (iCalendar RRULE): a diario, semanal en días elegidos, mensual en un día o en el n-ésimo día de la semana, anual; cada N periodos; nunca, tras un número de veces o hasta una fecha.
Gantt (Complete)
Un plan de proyecto: lista de tareas a la izquierda, barras en una escala de tiempo a la derecha, con subtareas, progreso, hitos y dependencias fin a inicio.
Espacio de trabajo
Ribbon (Complete)
La barra de comandos al estilo Office: pestañas con grupos de comandos, pestañas contextuales, una franja de acceso rápido y un modo minimizado.
DockLayout (Complete)
Un espacio de trabajo de paneles. Los paneles se acoplan a izquierda, derecha, arriba, abajo o centro, comparten un área como pestañas, se contraen en un riel o flotan sobre el diseño.
Window (Complete)
Una ventana flotante no modal: muévela, redimensiónala, minimízala, maximízala y abre varias a la vez.
DashboardLayout (Complete)
Cuadrícula de mosaicos que el usuario mueve y redimensiona con el ratón, el tacto o el teclado (Alt con flechas mueve, Alt con Mayús redimensiona).
DesktopShell (Complete)
Un armazón de aplicación con una capa de fondo de pantalla y una barra de tareas abajo. Los cuatro temas de escritorio (Desktop, Desktop Dark, Mist, Mist Dark) le dan esquinas redondeadas, sombras suaves y superficies translúcidas.
Taskbar (Complete)
La barra al pie de la página con una región de inicio, el nombre del módulo, una región central y una bandeja.
Kanban (Complete)
Tablero con columnas. Las tarjetas se mueven arrastrando o con los botones de flecha; el tablero lanza OnMove y tú actualizas tus datos, así que siempre refleja tu estado.
Chat (Complete)
Lista de mensajes con cuadro de redacción. La lista es una región en vivo que se desplaza al mensaje más reciente, el texto siempre se muestra como texto plano, Intro envía y Mayús+Intro añade una línea nueva (MultiLine=false lo deja en una sola línea).
MailView (Complete)
Muestra el HTML de un mensaje de correo que viene de fuera. El HTML se ejecuta en un marco aislado sin scripts, con una política de seguridad de contenido estricta, de modo que no puede tocar la página de la aplicación.
MessageEditor (Complete)
Un editor ligero para escribir un mensaje: negrita, cursiva, subrayado, listas, cita, enlace y borrar formato, con un cambio a texto plano.
Office
PdfViewer (Complete)
Un visor para todas las versiones de PDF hasta la 2.0 (ISO 32000-2): páginas continuas, zoom y giro, miniaturas, marcadores, búsqueda, selección de texto, enlaces, anotaciones, campos de formulario, capas, adjuntos.
PdfCompare (Complete)
Compara el texto de dos versiones de un PDF página a página y enumera lo añadido, eliminado y cambiado, lado a lado.
DocumentEditor (Complete)
Un procesador de textos que abre y guarda archivos .docx (y el antiguo .doc), Rich Text Format (.rtf) y OpenDocument (.odt).
RichTextEditor (Complete)
Un editor compacto de texto con formato dentro de un formulario: tiene un Value como un cuadro de texto, pero el texto puede ser negrita, cursiva, una lista, un enlace, una imagen o una tabla.
PresentationEditor (Complete)
Un editor de presentaciones que abre y guarda archivos .pptx (y el antiguo .ppt) y OpenDocument (.odp).
Spreadsheet (Complete)
Una hoja de cálculo completa: fórmulas y funciones, formato, celdas combinadas, paneles inmovilizados, gráficos, formato condicional, validación de datos, varias hojas, deshacer y rehacer, copiar y pegar, rellenar, ordenar.
ProofingPanel (Complete)
La lista de problemas de ortografía, gramática y lógica que muestran el visor de PDF, el editor de documentos, la hoja de cálculo y el editor de presentaciones.
DataGridSpreadsheetButton (Complete)
Un botón de barra de herramientas para un DataGrid que guarda las filas de la cuadrícula (todas las páginas, tras filtrar y ordenar, solo columnas visibles) como un archivo .xlsx.
DataGridPdfButton (Complete)
SchedulerPdfButton (Complete)
ReportButton (Complete)
SlideView (Complete)
PasswordPrompt (Complete)
Asistentes de IA
RayCraft no tiene funciones de IA propias. La documentación está hecha para que los asistentes de código con IA la usen bien:
- Nombres de controles descriptivos, por ejemplo DatePicker, Autocomplete y Dialog.
- Una página por control con un resumen en lenguaje claro y, en la mayoría, un breve ejemplo.
- Un índice en texto plano de cada control en llms.txt.
- Datos estructurados (JSON-LD) y una descripción en cada página.
Comprueba el código generado con la página del control: un asistente aún puede equivocarse.