Componentes

Las piezas básicas de la interfaz de Ketea, tal como están en la tienda. Cada una se muestra con sus variantes y sus props.

• 
  AlertMensaje dentro de la página: un error, una advertencia o un aviso suave.
• 
  BadgeEtiqueta corta de estado, descuento o cantidad.
• 
  BreadcrumbRuta de categorías que lleva hasta un producto.
• 
  ButtonBotón de la tienda: una jerarquía (primario, secundario, contorno, suave, blanco, peligro o enlace) y cuatro tamaños.
• 
  Button spinnerSpinner y texto de carga dentro de un botón mientras se procesa una acción.
• 
  Filter chipsFiltros aplicados como chips que se quitan de a uno, con «Borrar» para quitarlos todos.
• 
  Form fieldsCampos de formulario: texto, lista, campo con botón y mensaje de error.
• 
  ProgressBarra de avance de 4 px, como la de la distribución de puntajes de las reseñas.
• 
  Quantity controlControl para aumentar o disminuir la cantidad de un producto.
• 
  Selection controlsCasillas, botones de opción e interruptores.
• 
  SkeletonBloques grises que anticipan el layout mientras carga el contenido.