Componentes

Bloques de interfaz reutilizables de Tienda Orali, con sus variantes, estados y reglas de uso.

• 
  AccordionExpande y contrae secciones de contenido.
• 
  BadgeEtiquetas de descuento, dieta y contador.
• 
  BreadcrumbUbica al usuario en la jerarquía del sitio.
• 
  ButtonOcho jerarquías, cuatro tamaños y estados completos.
• 
  CardSuperficie para agrupar contenido.
• 
  ChipOpciones de filtro que se activan y desactivan.
• 
  Form partsEncabezado, separador y nota de formulario.
• 
  Icon badgeÍcono dentro de un círculo o tile.
• 
  Icon buttonBotón solo con ícono, siempre redondo.
• 
  InputCampos de formulario, Field y Select.
• 
  LayoutRow y Stack con gap por token.
• 
  LinkNavegación con peso de texto.
• 
  LogoLogotipo de Orali.
• 
  PricePrecio con descuento y precio por unidad.
• 
  ProgressBarra de avance con estados.
• 
  Rating scaleEscala numérica de puntaje.
• 
  SkeletonBloques de carga que anticipan el layout.
• 
  StepperControl de cantidad.
• 
  TabsAlterna vistas dentro del mismo contexto.
• 
  TextTexto y títulos por escalones.