{
  "__name": "Español",
  "__code": "ES",
  "__direction": "ltr",
  "__status": "",
  "Tailwind CSS Components": "Componentes de Tailwind CSS",
  "cta-1": "Ver componentes",
  "cta-1-mobile": "Componentes",
  "cta-2": "¿Cómo utilizar?",
  "components-btn": "Componentes",
  "change-theme-btn": "Tema",
  "all-components-btn": "Ver componentes",
  "components": "Componentes",
  "themes": "Temas",
  "github-stars": "Estrellas de Github",
  "npm-installs": "Instalaciones NPM",
  "install-title": "Instalar daisyUI",
  "install-desc": "CSS puro. Funciona en todos los marcos de trabajo. daisyUI se puede usar como un complemento de Tailwind CSS o como una biblioteca CSS independiente",
  "install-step-1": "Instale daisyUI como un paquete de Node",
  "install-step-2": "Agregue daisyUI a tailwind.config.js",
  "install-btn": "Guía de instalación",
  "footer-tagline": "Biblioteca de componentes gratuitos <br /> Para los marcos de trabajo CSS orientados a clases de utilidad",
  "pages": "Páginas",
  "how-to-install": "Cómo instalar",
  "how-to-use-components": "Cómo usar los componentes",
  "how-to-customize": "Cómo personalizar",
  "how-to-use-themes": "Cómo usar temas",
  "color-system": "Sistema de colores",
  "config": "Configuración",
  "links": "Enlaces",
  "changelog": "Registro de cambios",
  "license": "Licencia",
  "contributing": "Contribuir",
  "available-on": "Disponible en",
  "try-online": "Prueba en línea",
  "created-by": "Creado por",
  "Install": "Instalar",
  "Use": "Utilizar",
  "Customize components": "Personalizar componentes",
  "Config": "Configuración",
  "Colors": "Colores",
  "Themes": "Temas",
  "Theme Generator": "Generador de Temas",
  "Layout & Typography": "Diseño y Tipografía",
  "Actions": "Acciones",
  "Button": "Button",
  "Dropdown": "Dropdown",
  "Modal": "Modal",
  "Swap": "Swap",
  "Data display": "Visualización de datos",
  "Alert": "Alert",
  "Avatar": "Avatar",
  "Badge": "Badge",
  "Card": "Card",
  "Carousel": "Carousel",
  "Chat bubble": "Chat bubble",
  "Collapse": "Collapse",
  "Countdown": "Countdown",
  "Kbd": "Kbd",
  "Progress": "Progress",
  "Radial progress": "Radial progress",
  "Stat": "Stat",
  "Table": "Table",
  "Tooltip": "Tooltip",
  "Data input": "Entrada de datos",
  "Checkbox": "Checkbox",
  "Text input": "Text input",
  "Radio": "Radio",
  "Range": "Range",
  "Rating": "Rating",
  "Select": "Select",
  "Textarea": "Textarea",
  "Toggle": "Toggle",
  "Layout": "Disposición",
  "Artboard": "Artboard",
  "Button group": "Button group",
  "Divider": "Divider",
  "Drawer": "Drawer",
  "Footer": "Footer",
  "Hero": "Hero",
  "Indicator": "Indicator",
  "Input group": "Input group",
  "Mask": "Mask",
  "Stack": "Stack",
  "Toast": "Toast",
  "Navigation": "Navegación",
  "Breadcrumbs": "Breadcrumbs",
  "Bottom navigation": "Bottom navigation",
  "Link": "Link",
  "Menu": "Menu",
  "Navbar": "Navbar",
  "Pagination": "Pagination",
  "Steps": "Steps",
  "Tab": "Tab",
  "Mockup": "Mockup",
  "Code": "Código",
  "Phone": "Teléfono",
  "Window": "Ventana",
  "excluded": "excluido",
  "CodePen example page": "Página de ejemplo de CodePen",
  "Tailwind Play example page": "Página de ejemplo de Tailwind Play",
  "new": "nuevo",
  "updated": "actualizado",
  "Tailwind Plugin": "Complemento de Tailwind",
  "Use CDN": "Usar CDN",
  "Install daisyUI as a Tailwind CSS plugin": "Instale daisyUI como un complemento de Tailwind CSS",
  "You need <a href='https://nodejs.org/en/download/'>Node.js</a> and <a href='https://tailwindcss.com/docs/installation/'>Tailwind CSS</a> installed.": "Necesita <a href='https://nodejs.org/en/download/'>Node.js</a> y <a href='https://tailwindcss.com/docs/installation/'>Tailwind CSS</a> instalado.",
  "How to install daisyUI as a Tailwind CSS plugin?": "¿Cómo instalar daisyUI como complemento de Tailwind CSS?",
  "Install daisyUI": "Instalar daisyUI",
  "Then add daisyUI to your <code>tailwind.config.js</code> files": "Luego agregue daisyUI a sus archivos <code>tailwind.config.js</code>",
  "daisyUI example repositories": "Repositorios de ejemplo de daisyUI",
  "See example setup of daisyUI and Tailwind CSS on different frameworks and build tools.": "Vea la configuración de ejemplo de daisyUI y Tailwind CSS en diferentes marcos de trabajo y herramientas de compilación.",
  "Prev": "Anterior",
  "Next": "Próximo",
  "Do you have a question?": "¿Tienes una pregunta?",
  "Do you see a bug?": "¿Ves un error?",
  "Do you like daisyUI?": "¿Te gusta daisyUI?",
  "Edit this page on GitHub": "Editar esta página en GitHub",
  "ask the community": "pregunta a la comunidad",
  "open an issue on GitHub": "abrir un problema en GitHub",
  "tweet about it!": "¡twittea sobre esto!",
  "Warning": "Advertencia",
  "CDN files are not recommended for production <br/>because you can't purge unused styles and file size will be large.": "Los archivos CDN no se recomiendan para la producción <br/>porque no puede eliminar los estilos no utilizados y el tamaño del archivo será grande.",
  "You don't need to install anything.": "No necesitas instalar nada.",
  "Just add one of these to the <code>head</code> tag of your HTML": "Simplemente agregue uno de estos a la etiqueta <code>head</code> de su HTML",
  "Or": "O",
  "Add component classes to your HTML": "Agregue clases de componentes a su HTML",
  "How to use daisyUI classes to style your page?": "¿Cómo usar las clases daisyUI para diseñar tu página?",
  "Once you <a href='/docs/install/'>installed daisyUI</a>, you can use component classes like <code>btn</code>, <code>card</code>, etc.": "Una vez que <a href='/docs/install/'>instaló daisyUI</a>, puede usar clases de componentes como <code>btn</code>, <code>card</code>, etc.",
  "So instead of making a button using only utility classes": "Entonces, en lugar de hacer un botón usando solo clases de utilidad",
  "You can just use a component class like this": "Puedes usar una clase de componente como esta",
  "Then you can modify the component with daisyUI additional utility classes": "Luego puede modificar el componente con clases de utilidad adicionales de daisyUI",
  "Or you can modify the component with Tailwind CSS utility classes": "O puede modificar el componente con las clases de utilidad de Tailwind CSS",
  "Customize daisyUI components": "Personalizar los componentes de daisyUI",
  "How to customize daisyUI?": "Cómo personalizar daisyUI",
  "daisyUI components come with many variants necessary for design systems and you won't usually need to customize anything.": "Los componentes daisyUI vienen con muchas variantes necesarias para los sistemas de diseño y, por lo general, no necesitará personalizar nada.",
  "But you can still customize components in many ways.": "Pero aún puede personalizar los componentes de muchas maneras.",
  "Let's say, you want to customize this button:": "Digamos que desea personalizar este botón:",
  "You can use daisyUI utility classes:": "Puede usar las clases de utilidad de daisyUI:",
  "You can use Tailwind's utility classes:": "Puede utilizar las clases de utilidad de Tailwind:",
  "You can customize components on your CSS file, using Tailwind's @apply directive:": "Puede personalizar componentes en su archivo CSS, utilizando la directiva @apply de Tailwind.",
  "You can also:": "También puedes:",
  "Add your own theme.": "agregar tu propio tema",
  "Opt out of daisyUI's design decisions, and <a href='/docs/config/'>only use an unstyled (skeleton) version of daisyUI</a>.": "optar por no seguir las decisiones de diseño de daisyUI <a href='/docs/config/'>solo use una versión sin estilos de daisyUI</a>.",
  "How to change the default configuration of daisyUI?": "¿Cómo cambiar la configuración predeterminada de daisyUI?",
  "daisyUI can be configured from your <code>tailwind.config.js</code> file.": "daisyUI se puede configurar desde el archivo <code>tailwind.config.js</code>.",
  "Default config": "Configuración predeterminada",
  "Config values explained": "Valores de configuración explicados",
  "If it's true, components will have colors and style so you won't need to design anything.": "Si es true, los componentes tendrán colores y estilo, por lo que no necesitará diseñar nada.",
  "If it's false, components will have no color and no visual style so you can design your own style on a basic skeleton.": "Si es false, los componentes no tendrán color ni estilo visual para que pueda diseñar su propio estilo.",
  "If it's true, all themes will be included.": "Si es true, se incluirán todos los temas.",
  "If it's false, only light and dark themes will be available.": "Si es false, solo estarán disponibles los temas claro y oscuro.",
  "If it's an array, only themes in the array will be included and the first theme will be the default theme.": "Si es un array, solo se incluirán los temas contenidos en este y el primer tema será el predeterminado.",
  "Read more about <a href='/docs/themes/'>themes</a>.": "Más información sobre <a href='/docs/themes/'>temas</a>",
  "If it's true, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>a few base styles</a> will be added.": "Si es true, se agregarán <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>algunos estilos básicos</a>",
  "If it's true, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>responsive and utility classes</a> will be added.": "Si es true, se agregarán <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>clases de receptividad y de utilidad</a>",
  "If it's true, daisyUI shows logs in the terminal while CSS is building.": "Si es true, daisyUI muestra registros en la terminal mientras se construye el CSS",
  "If it's true, your theme will be right-to-left. You need to add <code>dir='rtl'</code> to your body tag.": "Si es true, su tema será de derecha a izquierda. Debe agregar <code>dir='rtl'</code> a su etiqueta de cuerpo.",
  "If you're using daisyUI with RTL option, I suggest using <a href='https://github.com/cvrajeesh/tailwindcss-flip'>tailwindcss-flip</a> plugin because to flip all your Tailwind utilities automatically.": "Si usa daisyUI con la opción RTL, sugiero usar el complemento <a href='https://github.com/cvrajeesh/tailwindcss-flip'>tailwindcss-flip</a> porque cambiará todas sus utilidades Tailwind automáticamente.",
  "Allows us to pick another theme for system's auto dark mode. By default, <code>dark</code> theme (or a custom theme named <code>dark</code>) will be the default theme if no theme is specified and the user is using dark mode on their system. With this config, you can set another theme to be the default dark mode theme.": "Nos permite elegir otro tema para el modo oscuro automático del sistema. De forma predeterminada, el tema <code>dark</code> (o un tema personalizado llamado <code>dark</code>) será el tema predeterminado si no se especifica ninguno y el usuario está usando el modo oscuro en su sistema. Con esta configuración, puede configurar otro tema para que sea el tema de modo oscuro predeterminado.",
  "Adds a prefix to class name for all daisyUI classes (including component classes, modifier classes and responsive classes).": "Agrega un prefijo al nombre de clase para todas las clases de daisyUI (incluidas las clases de componentes, las clases de modificadores y las clases de respuesta).",
  "For example: <code>btn</code> will become <code>prefix-btn</code>.": "Por ejemplo: <code>btn</code> se convertirá en <code>prefix-btn</code>.",
  "If you're using a second CSS library that has similar class names, you can use this config to avoid conflicts.": "Si está utilizando una segunda biblioteca CSS que tiene nombres de clase similares, puede usar esta configuración para evitar conflictos.",
  "Utility classes like color names (e.g. <code>bg-primary</code>) or border-radius (e.g. <code>rounded-box</code>) will not be affected by this config because they're being added as extensions to Tailwind CSS classes.": "Las clases de utilidad como nombres de colores (p. ej., <code>bg-primary</code>) o border-radius (p. ej., <code>rounded-box</code>) no se verán afectadas por esta configuración porque se agregarán como extensiones a las clases de Tailwind CSS.",
  "If you use daisyUI <code>prefix</code> option (like <code>daisy-</code>) and Tailwind CSS <code>prefix</code> option (like <code>tw-</code>) together, classnames will be prefixed like this: <code>tw-daisy-btn</code>.": "Si usa la opción daisyUI <code>prefix</code> (como <code>daisy-</code>) y la opción Tailwind CSS <code>prefix</code> (como <code>tw-</code>) juntas , los nombres de clase tendrán el prefijo así: <code>tw-daisy-btn</code>.",
  "How to use daisyUI colors?": "¿Cómo usar los colores daisyUI?",
  "Introduction": "Introducción",
  "daisyUI is fully themeable and colorable,": "daisyUI es totalmente tematizable y coloreable,",
  "So instead of using constant color utility classes like:": "Entonces, en lugar de usar clases de utilidad de color constante como:",
  "It's suggested to use semantic color utility classes like:": "Se sugiere utilizar clases de utilidad de color semántico como:",
  "Each color name contains CSS variables and each daisyUI theme applies color values to the utility classes when it is applied.": "Cada nombre de color contiene variables CSS y cada tema daisyUI aplica valores de color a las clases de utilidad cuando se aplica.",
  "Benefits": "Beneficios",
  "Semantic color names make more sense because when we design interfaces, we don't just use any random color. We define a specific color palette with names like <code>primary</code>, <code>secondary</code>, etc. and we only use those specific colors in our interfaces.": "Los nombres de colores semánticos tienen más sentido porque cuando diseñamos interfaces, no usamos cualquier color al azar. Definimos una paleta de colores específica con nombres como <code>primario</code>, <code>secundario</code>, etc. y usamos solo esos colores específicos en nuestras interfaces.",
  "Also, using semantic color names makes theming easier. You wouldn't have to define dark-mode colors for every single element and you wouldn't be limited to only light/dark themes. you can have multiple themes available and each theme is just a few lines of CSS variables.": "Además, el uso de nombres de colores semánticos facilita la creación de temas. No tendría que definir colores de modo oscuro para cada elemento y no estaría limitado solo a temas claros/oscuros. puede tener varios temas disponibles y cada tema tiene solo unas pocas líneas de variables CSS.",
  "List of all daisyUI color names": "Lista de todos los nombres de color de daisyUI",
  "You can use these color names in your theme or in utility classes.": "Puede usar estos nombres de colores en su tema o en clases de utilidad.",
  "Color name + description": "Nombre del color + descripción",
  "Required or optional for themes": "Obligatorio u opcional para temas",
  "Example use": "Ejemplo de uso",
  "How to use": "Cómo utilizar",
  "Some daisyUI components come with modifier class names and that modifier class name will apply a color.": "Algunos componentes daisyUI vienen con nombres de clase de modificador y ese nombre de clase de modificador aplicará un color.",
  "For example": "Por ejemplo",
  "You can also use color names in utility classes just like Tailwind's original color names.": "También puede usar nombres de colores en clases de utilidad, al igual que los nombres de colores originales de Tailwind.",
  "These are utility classes that can be used with a color name:": "Estas son clases de utilidad que se pueden usar con un nombre de color:",
  "So you can use <code>bg-primary</code>, <code>border-secondary</code>, etc.": "Entonces puede usar <code>bg-primary</code>, <code>border-secundary</code>, etc.",
  "daisyUI comes with a number of themes, which you can use with no extra effort.": "daisyUI viene con una serie de temas, que puede usar sin esfuerzo adicional.",
  "Each theme defines a set of colors which will be used on all daisyUI elements.": "Cada tema define un conjunto de colores que se usarán en todos los elementos daisyUI.",
  "To use a theme, add its name in <span class=badge>tailwind.config.js</span> and activate it by adding <span class=badge>data-theme</span> attribute to <span class=badge>HTML</span> tag:": "Para usar un tema, agregue su nombre en <span class=badge>tailwind.config.js</span> y actívelo agregando el atributo <span class=badge>data-theme</span> a la etiqueta <span class=badge>HTML</span>:",
  "I suggest using <a href='https://github.com/saadeghi/theme-change'><code>theme-change</code></a>, so you can switch themes and save selected theme in local storage.": "Sugiero usar <a href='https://github.com/saadeghi/theme-change'><code>theme-change</code></a>, para que pueda cambiar de tema y guardar el tema seleccionado en el almacenamiento local .",
  "List of themes": "Lista de temas",
  "Try them:": "Pruébalos:",
  "The default theme is <code>light</code> (or <code>dark</code> for dark mode)": "El tema predeterminado es <code>light</code> (o <code>dark</code> para el modo oscuro)",
  "but you can <a href='https://daisyui.com/docs/config/'>change the default theme from tailwind.config.js</a>": "pero puedes <a href='https://daisyui.com/docs/config/'>cambiar el tema predeterminado en tailwind.config.js</a>",
  "How to remove unused themes?": "¿Cómo eliminar temas no utilizados?",
  "You can only include the themes you want in your project.": "Puede incluir solo los temas que desee en su proyecto.",
  "This will reduce the size of your CSS file.": "Esto reducirá el tamaño de su archivo CSS.",
  "In the below example": "En el siguiente ejemplo",
  "<code>cupcake</code> will be the default theme for light mode": "<code>cupcake</code> será el tema predeterminado para el modo claro",
  "<code>dark</code> will be the default theme for dark mode": "<code>dark</code> será el tema predeterminado para el modo oscuro",
  "<code>cmyk</code> can be applied on any HTML tag with <code>data-theme='cmyk'</code>": "<code>cmyk</code> se puede aplicar en cualquier etiqueta HTML con <code>data-theme='cmyk'</code>",
  "How to disable all themes?": "¿Cómo deshabilitar todos los temas?",
  "If you only want the default light and dark themes, set <code>themes</code> config to false.": "Si solo desea los temas claro y oscuro predeterminados, establezca la configuración de <code>themes</code> en false.",
  "If you don't want to include any themes and disable all colors, set <code>themes</code> config to an empty array.": "Si no desea incluir ningún tema y deshabilitar todos los colores, establezca la configuración de <code>themes</code> en una matriz vacía.",
  "How to use a theme only for a section of a page?": "¿Cómo usar un tema solo para una sección de la página?",
  "Add <code>data-theme='THEME_NAME'</code> to any element and everything inside will have your theme.": "Agregue <code>data-theme='THEME_NAME'</code> a cualquier elemento y todo lo que esté dentro tendrá su tema.",
  "You can nest themes and there is no limit!": "¡Puedes anidar temas y no hay límite!",
  "You can force a section of your HTML to only use a specific theme.": "Puede obligar a una sección de su HTML a usar solo un tema específico.",
  "How to add a new custom theme?": "¿Cómo agregar un nuevo tema personalizado?",
  "You can add a new theme from <code>tailwind.config.js</code> file.": "Puede agregar un nuevo tema en el archivo <code>tailwind.config.js</code>.",
  "In the below example, I added a new theme called <code>mytheme</code> and I'm also including <code>dark</code> and <code>cupcake</code> themes.": "En el siguiente ejemplo, agregué un nuevo tema llamado <code>mytheme</code> y también incluyo los temas <code>dark</code> y <code>cupcake</code>.",
  "The first theme (<code>mytheme</code>) will be the default theme.": "El primer tema (<code>mytheme</code>) será el tema predeterminado.",
  "<code>dark</code> theme will be the default theme for dark mode.": "El tema <code>dark</code> será el tema predeterminado para el modo oscuro.",
  "In the below example, I have the required colors. All other colors will be generated automatically (Like the color of button when you focus on it or the color of text on a <code>primary</code> button).": "En el siguiente ejemplo, tengo los colores requeridos. Todos los demás colores se generarán automáticamente (como el color del botón cuando se enfoca en él o el color del texto en un botón <code>principal</code>).",
  "CSS variables in daisyUI themes": "Variables CSS en temas daisyUI",
  "There are a few optional CSS variables that you can use in daisyUI themes to customize design decisions for each theme:": "Hay algunas variables CSS opcionales que puede usar en los temas daisyUI para personalizar diseño de cada tema:",
  "You can also add <a href='/docs/colors/' class='link'>optional color names</a> to have full control over all colors.": "También puede agregar <a href='/docs/colors/' class='link'>nombres de colores opcionales</a> para tener un control total sobre todos los colores.",
  "Custom CSS for a daisyUI theme": "CSS personalizado para un tema daisyUI",
  "You can apply custom style to a daisyUI themes using CSS:": "Puede aplicar un estilo personalizado a un tema daisyUI usando CSS:",
  "How to customize an existing theme?": "¿Cómo personalizar un tema existente?",
  "In your tailwind.config.js, you can require an existing daisyUI theme and override some colors.": "En su tailwind.config.js, puede requerir un tema daisyUI existente y anular algunos colores.",
  "In the below example, I require and spread <code>light</code> theme and change its <code>primary</code> and <code>secondary</code> colors:": "En el siguiente ejemplo, requiero y extiendo el tema <code>light</code> y cambio sus colores <code>primary</code> y <code>secondary</code>:",
  "Contribute to translation": "Contribuir a la traducción",
  "Alert informs users about important events.": "Alert informa a los usuarios sobre eventos importantes.",
  "Artboard provides fixed size container to display a demo content on mobile size.": "Artboard proporciona un contenedor de tamaño fijo para mostrar un contenido de demostración en tamaño móvil.",
  "Avatars are used to show a thumbnail representation of an individual or business in the interface.": "Avatars se utilizan para mostrar una representación en miniatura de una persona o empresa en la interfaz.",
  "Badges are used to inform the user of the status of specific data.": "Badges se utilizan para informar al usuario sobre el estado de datos específicos.",
  "Bottom navigation bar allows navigation between primary screens.": "La barra de navegación inferior permite la navegación entre pantallas principales.",
  "Breadcrumbs helps users to navigate through the website.": "Breadcrumbs ayudan a los usuarios a navegar por el sitio web.",
  "Button group shows buttons next to each other.": "Button group muestra los botones uno al lado del otro.",
  "Buttons allow the user to take actions or make choices.": "Buttons permiten al usuario realizar acciones o elegir opciones.",
  "Cards are used to group and display content in a way that is easily readable.": "Cards se utilizan para agrupar y mostrar contenido de una manera que sea fácil de leer.",
  "Carousel show images or content in a scrollable area.": "Carousel muestra imágenes o contenido en un área desplazable.",
  "Checkboxes are used to select or deselect a value.": "Checkboxes se utilizan para seleccionar o anular la selección de un valor.",
  "Collapse is used for showing and hiding content.": "Collapse se utiliza para mostrar y ocultar contenido.",
  "Countdown gives you a transition effect of changing numbers.": "Countdown te da un efecto de transición de números cambiantes.",
  "Divider will be used to separate content vertically or horizontally.": "Divider se utilizará para separar el contenido vertical u horizontalmente.",
  "Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.": "Drawer es un diseño de cuadrícula que puede mostrar/ocultar una barra lateral en el lado izquierdo o derecho de la página.",
  "Dropdown can open a menu or any other element when the button is clicked.": "Dropdown puede abrir un menú o cualquier otro elemento cuando se hace clic en el botón.",
  "Footer can contain logo, copyright notice, and links to other pages.": "Footer puede contener un logotipo, un aviso de copyright y enlaces a otras páginas.",
  "Hero is a component for displaying a large box or image with a title and description.": "Hero es un componente para mostrar un cuadro grande o una imagen con un título y una descripción.",
  "Indicators are used to place an element on the corner of another element.": "Indicators se utilizan para colocar un elemento en la esquina de otro elemento.",
  "Input group puts an input next to a text or a button.": "Input group pone una entrada al lado de un texto o un botón.",
  "Text Input is a simple input field.": "Text Input es un campo de entrada simple.",
  "Kbd is used to display keyboard shortcuts.": "Kbd se utiliza para mostrar atajos de teclado.",
  "Link adds the missing underline style to links.": "Link agrega el estilo de subrayado faltante a los enlaces.",
  "Mask crops the content of the element to common shapes.": "Mask recorta el contenido del elemento a formas comunes.",
  "Menu is used to display a list of links vertically or horizontally.": "Menu se utiliza para mostrar una lista de enlaces vertical u horizontalmente.",
  "Code mockup is used to show a block of code in a box that looks like a code editor.": "El Mockup de código se usa para mostrar un bloque de código en un cuadro que parece un editor de código.",
  "Phone mockup shows a mockup of an iPhone.": "El Mockup de teléfono muestra una maqueta de un iPhone.",
  "Window mockup shows a box that looks like an operating system window.": "El Mockup de ventana muestra un cuadro que parece una ventana del sistema operativo.",
  "Modal is used to show a dialog or a box when you click a button.": "Modal se usa para mostrar un cuadro de diálogo o un cuadro cuando hace clic en un botón.",
  "Navbar is used to show a navigation bar on the top of the page.": "Navbar se utiliza para mostrar una barra de navegación en la parte superior de la página.",
  "Pagination is a group of buttons that allow the user to navigate between a set of related content.": "La paginación es un grupo de botones que permiten al usuario navegar entre un conjunto de contenidos relacionados.",
  "Progress bar can be used to show the progress of a task or to show the passing of time.": "Progress bar se puede utilizar para mostrar el progreso de una tarea o para mostrar el paso del tiempo.",
  "Radial progress can be used to show the progress of a task or to show the passing of time.": "Radial progress se puede utilizar para mostrar el progreso de una tarea o para mostrar el paso del tiempo.",
  "Radio buttons allow the user to select one option from a set.": "Radio buttons permiten al usuario seleccionar una opción de un conjunto.",
  "Range slider is used to select a value by sliding a handle.": "Range slider se utiliza para seleccionar un valor deslizando un controlador.",
  "Rating is a set of radio buttons that allow the user to rate something.": "Rating es un conjunto de botones de radio que permiten al usuario calificar algo.",
  "Select is used to pick a value from a list of options.": "Select se utiliza para elegir un valor de una lista de opciones.",
  "Stack visually puts elements on top of each other.": "Stack coloca elementos visualmente uno encima del otro.",
  "Stat is used to show numbers and data in a box.": "Stat se usa para mostrar números y datos en un cuadro.",
  "Steps can be used to show a list of steps in a process.": "Steps se pueden utilizar para mostrar una lista de pasos en un proceso.",
  "Swap allows you to toggle the visibility of two elements using a checkbox or a class name.": "Swap le permite alternar la visibilidad de dos elementos usando una casilla de verificación o un nombre de clase.",
  "Tabs can be used to show a list of links in a tabbed format.": "Tabs se pueden usar para mostrar una lista de enlaces en formato de pestañas.",
  "Table can be used to show a list of data in a table format.": "Table se puede utilizar para mostrar una lista de datos en formato de tabla.",
  "Textarea allows users to enter text in multiple lines.": "Textarea permite a los usuarios ingresar texto en varias líneas.",
  "Toggle is a checkbox that is styled to look like a switch button.": "Toggle es una casilla de verificación diseñada para parecerse a un interruptor.",
  "Tooltip can be used to show a message when hovering over an element.": "Tooltip se puede utilizar para mostrar un mensaje al pasar el cursor sobre un elemento.",
  "Code mockup": "Mockup de código",
  "Phone mockup": "Mockup de teléfono",
  "Window mockup": "Mockup de ventana",
  "File Input": "Entrada de archivo",
  "Text Input": "Entrada de texto",
  "Range slider": "Deslizador de rango",
  "Tabs": "Pestañas",
  "All daisyUI components": "Componentes de daisyUI",
  "Class name": "Nombre de la clase",
  "Type": "Escribe",
  "Search": "Buscar",
  "daisyUI themes": "Temas de daisyUI",
  "How to use daisyUI themes?": "¿Cómo usar los temas de daisyUI?",
  "daisyUI Theme Generator": "Generador de temas de daisyUI",
  "You can add your custom themes to <span class='badge badge-outline'>tailwind.config.js</span> file in <span class='badge badge-outline'>daisyui > themes</span> array. On this page, you can pick required color values and see how the components will look like with them.": "Puede agregar sus temas personalizados al archivo <span class='badge badge-outline'>tailwind.config.js</span> en la matriz <span class='badge badge-outline'>daisyui > themes</span>. En esta página, puede elegir los valores de color requeridos y ver cómo se verán los componentes con ellos.",
  "You can also define optional colors to have more control on the color values (for example: the color of a button when it's focused on the color of the text on a button)": "También puede definir colores opcionales para tener más control sobre los valores de color (por ejemplo: el color del botón cuando está enfocado del color del texto en un botón)",
  "Check out <a class='link font-bold' href='/docs/colors/'>colors page</a> to see all the color names you can use.": "Consulta la <a class='link font-bold' href='/docs/colors/'>página de colores</a> para ver todos los nombres de colores que puedes usar.",
  "Check out <a class='link font-bold' href='/docs/themes/'>themes page</a> to see all the CSS variables you can use to customize the design decision (example: border-radius, animations, etc.)": "Consulta la <a class='link font-bold' href='/docs/themes/'>página de temas</a> para ver todas las variables CSS que puedes usar para personalizar la decisión de diseño (ejemplo: border-radius, animaciones , etc)",
  "Randomize": "Aleatorizar",
  "Reset": "Reiniciar",
  "Preview": "Vista previa",
  "Layout and Typography": "Maquetación y Tipografía",
  "How to use layouts and typography in daisyUI": "Cómo usar maquetas y tipografía en daisyUI",
  "Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes.": "La disposición, el tamaño, las cuadrículas, el espaciado, etc., serán manejados por las clases de utilidad de Tailwind CSS.",
  "Read more": "Leer más",
  "Typography": "Tipografía",
  "You should use official <a href='https://github.com/tailwindlabs/tailwindcss-typography'>TailwindCSS Typography plugin</a>.": "Debes usar el <a href='https://github.com/tailwindlabs/tailwindcss-typography'>complemento de tipografía TailwindCSS</a> oficial.",
  "It handles everything and it's fully customizable.": "Maneja todo y es totalmente personalizable.",
  "daisyUI adds some style to @tailwindcss/typography so it will use the same theme as other elements.": "daisyUI agrega algo de estilo a @tailwindcss/typography para que use el mismo tema que otros elementos.",
  "Make sure you require <span class='badge badge-outline'>daisyui</span> AFTER <span class='badge badge-outline'>@tailwindcss/typography</span> in tailwind.config.js": "Asegúrese de solicitar <span class='badge badge-outline'>daisyui</span> DESPUÉS de <span class='badge badge-outline'>@tailwindcss/typography</span> en tailwind.config.js",
  "Here you can see how elements will look using <code>@tailwindcss/typography</code>.": "Aquí puedes ver cómo se verán los elementos usando <code>@tailwindcss/typography</code>.",
  "To use a custom prefix, <a class='link' href='/docs/config/#prefix'>add your prefix string to config</a>": "Para usar un prefijo personalizado, <a class='link' href='/docs/config/#prefix'>agregue el prefijo a la configuración</a>",
  "Component": "Componente",
  "Modifier": "Modificador",
  "Responsive": "Adaptable",
  "Changes the style of a component": "Cambia el estilo de un componente.",
  "Supports responsive prefixes (sm:, lg:, …)": "Admite prefijos adaptables (sm:, lg:, …)",
  "Make your theme": "Haz tu tema",
  "More examples": "Más ejemplos",
  "Support daisyUI's development": "Apoye el desarrollo de daisyUI",
  "The most popular": "La más popular",
  "component library": "biblioteca de componentes",
  "for Tailwind CSS": "para Tailwind CSS",
  "daisyUI adds component class names to Tailwind&nbsp;CSS<br /> so you can make beautiful websites <span class='border-base-content/20 border-b-2'>faster than ever.</span>": "daisyUI agrega nombres de clase de componentes a Tailwind&nbsp;CSS para que pueda crear sitios web hermosos <br /><span class='border-base-content/20 border-b-2'>más rápido que nunca.</span>",
  "don't re-invent <br/>the wheel <br/>every time": "no reinventes <br/>la rueda <br/>cada vez",
  "In a Tailwind CSS project, you need to write utility class names for every element. Thousands of class names just to style the most basic elements.": "En un proyecto Tailwind CSS, debe escribir nombres de clase de utilidad para cada elemento. Miles de nombres de clase solo para dar estilo a los elementos más básicos.",
  "instead of writing<br /> <span class='text-error'><span class='font-black'>100</span> class names</span>": "en lugar de escribir<br /> <span class='text-error'><span class='font-black'>100</span> nombres de clase</span>",
  "For every element, every page, every project,<br/>again and again": "Para cada elemento, cada página, cada proyecto,<br/>una y otra vez",
  "use <span class='text-success'><span class='font-black'>semantic</span> <br />class names</span>": "use <span class='text-success'><span class='font-black'>nombres de clase</span> semánticos</span>",
  "It's descriptive, faster, cleaner and easier to maintain.": "Es descriptivo, más rápido, más limpio y más fácil de mantener.",
  "Features": "Ventajas",
  "Links": "Enlaces",
  "Message": "Mensaje",
  "Cleaner HTML": "HTML más limpio",
  "Customizable": "Personalizable",
  "Themeable": "Temático",
  "Pure CSS": "CSS puro",
  "Dashboard": "Tablero",
  "Notifications": "Notificaciones",
  "Messages": "Mensajes",
  "People": "Personas",
  "Products": "Productos",
  "Use Tailwind CSS but write fewer class names.": "Usa Tailwind CSS pero escribe menos nombres de clase.",
  "Pure CSS. <br />No JS dependency": "CSS puro. Sin dependencia de JS",
  "Works on all frameworks": "Funciona en todos los frameworks",
  "Design system": "Sistema de diseño",
  "Styling a simple button": "Estilizando un botón simple",
  "Result": "Resultado",
  "Take Tailwind CSS": "Lleva Tailwind CSS",
  "to the next level": "al siguiente nivel",
  "daisyUI adds class names to Tailwind CSS<br />for all common UI components.<br />Class names like": "daisyUI agrega nombres de clase a Tailwind CSS<br />para todos los componentes de UI comunes.<br />Nombres de clase como",
  "and many more.": "y muchos más.",
  "This allows us to focus on important things<br />instead of styling basic elements for every project.": "Esto nos permite enfocarnos en cosas importantes<br />en lugar de estilizar elementos básicos para cada proyecto.",
  "No_more_ugly_HTML_part_1": "No",
  "No_more_ugly_HTML_part_2": "más",
  "No_more_ugly_HTML_part_3": "HTML",
  "No_more_ugly_HTML_part_4": "feo",
  "Write fewer class names<br />Use component class names<br />modify them using Tailwind CSS utilities.": "Escriba menos nombres de clase<br />Utilice nombres de clase de componentes<br />modifíquelos usando utilidades Tailwind CSS.",
  "Click": "Haga clic",
  "Tailwind only": "Solo Tailwind",
  "Tailwind + daisyUI": "Tailwind + daisyUI",
  "Save": "Guardar",
  "Accept terms of use": "Aceptar términos de uso",
  "Submit to newsletter": "Enviar a boletín",
  "Fewer class names": "Menos nombres de clase",
  "Faster development": "Desarrollo más rápido",
  "Smaller file size": "Tamaño de archivo más pequeño",
  "With daisyUI, you write 80% fewer class names<br />And your HTML size will be about 70% smaller.": "Con daisyUI, escribe un 80% menos de nombres de clase<br />Y el tamaño de su HTML será aproximadamente un 70% más pequeño.",
  "CSS Class names": "Nombres de clase CSS",
  "fewer class names": "menos nombres de clase",
  "HTML size": "Tamaño de HTML",
  "smaller DOM size": "tamaño DOM más pequeño",
  "Highly customizable": "Altamente personalizable",
  "Powered by Tailwind&nbsp;CSS utility&nbsp;classes": "Impulsado por Tailwind&nbsp;CSS clases de utilidad",
  "daisyUI is built on top of Tailwind&nbsp;CSS so you can customize everything using utility classes.": "daisyUI está construido sobre Tailwind&nbsp;CSS<br />para que pueda personalizar todo<br />usando clases de utilidad.",
  "Pure CSS.": "CSS Puro.",
  "Framework agnostic.": "Framework agnóstico.",
  "Works everywhere.": "Funciona en todos lados.",
  "daisyUI is a plugin for Tailwind CSS. It works on all JS frameworks and doesn't need a JS bundle file.": "daisyUI es un complemento para Tailwind CSS. Funciona en todos los frameworks JS y no necesita un archivo de paquete JS.",
  "Install daisyUI as a dev dependency and use the class names just like any other Tailwind CSS class name.": "Instale daisyUI como una dependencia de dev y use los nombres de clase como cualquier otro nombre de clase de Tailwind CSS.",
  "Apply_your_own_design_decisions_part_1": "Aplicar",
  "Apply_your_own_design_decisions_part_2": "sus",
  "Apply_your_own_design_decisions_part_3": "propios",
  "Apply_your_own_design_decisions_part_4": "decisiones",
  "Apply_your_own_design_decisions_part_5": "de diseño",
  "Your website should be unique. Create a custom theme for yourself using daisyUI theme generator. The colors you pick will be applied to all daisyUI components.": "Su sitio web debe ser único. Cree un tema personalizado para usted mismo usando el generador de temas daisyUI. Los colores que elija se aplicarán a todos los componentes de daisyUI.",
  "Learn more about themes": "Aprenda más sobre temas",
  "utility classes": "clases de utilidad",
  "endless possibilities": "posibilidades infinitas",
  "Mix and match daisyUI class names to create unique web pages.": "Mezcla y combina los nombres de las clases daisyUI para crear páginas web únicas.",
  "daisyUI is the most popular<br />component library for Tailwind&nbsp;CSS": "daisyUI es la biblioteca de componentes más popular para Tailwind&nbsp;CSS",
  "open-source projects using daisyUI": "proyectos de código abierto que utilizan daisyUI",
  "Free and open-source": "Libre y de código abierto",
  "Built by the community": "Construido por la comunidad",
  "daisyUI welcomes contributions from developers around the world": "daisyUI da la bienvenida a las contribuciones de los desarrolladores de todo el mundo",
  "Sponsors and backers": "Patrocinadores y patrocinadores",
  "Try daisyUI": "Prueba daisyUI",
  "on your favorite framework": "en tu framework favorito",
  "See all examples": "Ver ejemplos",
  "Or play with daisyUI on": "O juega con daisyUI en",
  "Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.": "Los bocadillos de chat se utilizan para mostrar una línea de conversación y todos sus datos, incluida la imagen del autor, el nombre del autor, la hora, etc.",
  "File Input is a an input field for uploading files.": "File Input es un campo de entrada para subir archivos.",
  "Toast is a wrapper to stack elements, positioned on the corner of page.": "Toast es un envoltorio para apilar elementos, posicionados en la esquina de la página.",
  "Admin panel": "Panel de administración",
  "Updates": "Noticias",
  "Stats": "Datos",
  "Unlimited themes": "Temas ilimitados",
  "with zero effort": "sin ningún esfuerzo",
  "daisyUI adds a set of customizable color names to Tailwind CSS and these new colors use CSS variables for the values. Using daisyUI color names, you get Dark Mode and even more themes without adding a new class name.": "daisyUI agrega un conjunto de nombres de colores personalizables a Tailwind CSS y estos nuevos colores usan variables CSS para los valores. Usando los nombres de los colores de daisyUI, obtienes el Modo Oscuro y aún más temas sin agregar un nuevo nombre de clase.",
  "See all themes": "Ver temas",
  "Semantic colors": "Colores semánticos",
  "Learn more about colors": "Aprende sobre los colores",
  "Get started": "empezar ahora",
  "daisyUI 3 is available now!": "¡daisyUI 3 ya está disponible!",
  "Become a sponsor": "Conviértete en patrocinador",
  "Accordion": "Accordion",
  "Accordion is used for showing and hiding content but only one item can stay open at a time.": "Accordion is used for showing and hiding content but only one item can stay open at a time.",
  "Accordion uses the same style as the <a href='/components/collapse/' class='link'>collapse component</a> but it works with radio inputs. You can control which item to be open by checking/unchecking the hidden radio input.": "Accordion uses the same style as the <a href='/components/collapse/' class='link'>collapse component</a> but it works with radio inputs. You can control which item to be open by checking/unchecking the hidden radio input.",
  "Click to open this one and close others": "Click to open this one and close others",
  "Using Accordion and Join together": "Using Accordion and Join together",
  "All radio inputs with the same name work together and only one of them can be open at a time. If you have more than one set of accordion items on a page, use different names for the radio inputs on each set.": "All radio inputs with the same name work together and only one of them can be open at a time. If you have more than one set of accordion items on a page, use different names for the radio inputs on each set.",
  "Join": "Join",
  "Join is a container for grouping multiple items, it can be used to group buttons, inputs, or any other element. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.": "Join is a container for grouping multiple items, it can be used to group buttons, inputs, or any other element. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.",
  "Loading": "Loading",
  "Loading shows an animation to indicate that something is loading.": "Loading shows an animation to indicate that something is loading.",
  "Browser mockup": "Browser mockup",
  "Browser mockup shows a box that looks like a browser window.": "Browser mockup shows a box that looks like a browser window.",
  "Browser": "Browser",
  "You need to change to `--value` CSS variable using JS. Value must be a number between 0 and 99.": "You need to change to `--value` CSS variable using JS. Value must be a number between 0 and 99.",
  "How to add custom styles for a specific theme?": "How to add custom styles for a specific theme?",
  "You can write custom style for your elements only for a specific theme.": "You can write custom style for your elements only for a specific theme.",
  "In this example, .btn-twitter class only will have this style on light theme.": "In this example, .btn-twitter class only will have this style on light theme.",
  "related projects": "related projects",
  "There are 3 ways to use a modal:": "There are 3 ways to use a modal:",
  "Make sure you're using unique IDs for each modal": "Make sure you're using unique IDs for each modal",
  "Also see <a href='/components/accordion/' class='link'>accordion</a> examples": "Also see <a href='/components/accordion/' class='link'>accordion</a> examples",
  "Radial progress needs `--value` CSS variable to work.<br />To change the size, use `--size` CSS variable which has a default value of `4rem`.<br />To change the thickness, use `--thickness` CSS variable which is 10% of the size by default.<br />": "Radial progress needs `--value` CSS variable to work.<br />To change the size, use `--size` CSS variable which has a default value of `4rem`.<br />To change the thickness, use `--thickness` CSS variable which is 10% of the size by default.<br />",
  "Deprecated": "Deprecated",
  "Drawer sidebar is hidden by default. You can make it visible on larger screens using <code>lg:drawer-open</code> class (or using other responsive prefixes: <code>sm</code>, <code>md</code>, <code>lg</code>, <code>xl</code>)": "Drawer sidebar is hidden by default. You can make it visible on larger screens using <code>lg:drawer-open</code> class (or using other responsive prefixes: <code>sm</code>, <code>md</code>, <code>lg</code>, <code>xl</code>)",
  "Join (group items)": "Join (group items)",
  "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join'>Join</a> instead.": "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join'>Join</a> instead.",
  "Docs": "Docs",
  "Components": "Components",
  "Which element to attach the theme CSS variables to.": "Which element to attach the theme CSS variables to.",
  "In certain situations (such as embedding daisyUI in a shadow root) it may be useful to set this to e.g. <code>*</code>, so all components will have access to the required CSS variables.": "In certain situations (such as embedding daisyUI in a shadow root) it may be useful to set this to e.g. <code>*</code>, so all components will have access to the required CSS variables.",
  "Utilities": "Utilities",
  "Utility classes and CSS variables": "Utility classes and CSS variables",
  "Additional utility classes and CSS variables that daisyUI uses for components and themes": "Additional utility classes and CSS variables that daisyUI uses for components and themes",
  "Color utility classes": "Color utility classes",
  "All daisyUI colors can be used as utility classes. Just like any other Tailwind CSS color. For example you can use `primary` color with any of Tailwind CSS color utilities.": "All daisyUI colors can be used as utility classes. Just like any other Tailwind CSS color. For example you can use `primary` color with any of Tailwind CSS color utilities.",
  "Border radius": "Border radius",
  "These extended border radius are being used in daisyUI components. The values depend on the theme so you can have a different design decision about border radius of elements based on the active theme. You can use any Tailwind CSS border radius class for these names as well. Like `rounded-r-box` or `rounded-tr-btn`": "These extended border radius are being used in daisyUI components. The values depend on the theme so you can have a different design decision about border radius of elements based on the active theme. You can use any Tailwind CSS border radius class for these names as well. Like `rounded-r-box` or `rounded-tr-btn`",
  "Glass": "Glass",
  "These glass class to give elements a matte glass effect": "These glass class to give elements a matte glass effect",
  "CSS variables": "CSS variables",
  "These CSS variables are being used internally. You can customize them in your custom theme in `tailwind.config.js` or you can even customize them with a class name like `[--animation-btn:0]`": "These CSS variables are being used internally. You can customize them in your custom theme in `tailwind.config.js` or you can even customize them with a class name like `[--animation-btn:0]`",
  "Component specific CSS variables": "Component specific CSS variables",
  "These CSS variables are being used internally for a specific component": "These CSS variables are being used internally for a specific component",
  "Theme Controller": "Theme Controller",
  "If a checked checkbox input or a checked radio input with theme-controller class exists in the page, The page will have the same theme as that input's value.": "If a checked checkbox input or a checked radio input with theme-controller class exists in the page, The page will have the same theme as that input's value.",
  "Theme Controller changes the theme using CSS only. You can then use JS to save the input state in the server or localStorage if you want it to persist on page refresh. <br/>Here's a React example to save checkbox state in local storage:": "Theme Controller changes the theme using CSS only. You can then use JS to save the input state in the server or localStorage if you want it to persist on page refresh. <br/>Here's a React example to save checkbox state in local storage:",
  "Diff": "Diff",
  "Diff component shows a side-by-side comparison of two items.": "Diff component shows a side-by-side comparison of two items.",
  "Timeline": "Timeline",
  "Timeline component shows a list of events in chronological order.": "Timeline component shows a list of events in chronological order.",
  "The <span class=badge>hr</span> tag at the start or end of each item, displays a line to connect items.": "The <span class=badge>hr</span> tag at the start or end of each item, displays a line to connect items.",
  "Feedback": "Feedback",
  "Skeleton": "Skeleton",
  "Skeleton is a component that can be used to show a loading state of a component.": "Skeleton is a component that can be used to show a loading state of a component.",
  "Container element": "Container element",
  "Using <code>&lt;dialog&gt;</code> element: It needs JS to open but it has better accessibility and we can close it using <span class='kbd kbd-xs'>Esc</span> key": "Using <code>&lt;dialog&gt;</code> element: It needs JS to open but it has better accessibility and we can close it using <span class='kbd kbd-xs'>Esc</span> key",
  "Using a hidden <code>&lt;input type='checkbox'&gt;</code> and <code>&lt;label&gt;</code> to check/uncheck the checkbox and open/close the modal": "Using a hidden <code>&lt;input type='checkbox'&gt;</code> and <code>&lt;label&gt;</code> to check/uncheck the checkbox and open/close the modal",
  "Using <code>&lt;a&gt;</code> anchor links: A link adds a parameter to the URL and you only see the modal when the URL has that parameter": "Using <code>&lt;a&gt;</code> anchor links: A link adds a parameter to the URL and you only see the modal when the URL has that parameter",
  "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join/'>Join</a> instead.": "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join/'>Join</a> instead.",
  "Blog": "Blog",
  "Sponsors": "Sponsors",
  "Use daisyUI from CDN": "Use daisyUI from CDN",
  "How to use daisyUI from a CDN?": "How to use daisyUI from a CDN?",
  "etc.": "etc.",
  "": ""
}
