{
  "__name": "Vietnamese",
  "__code": "VI",
  "__direction": "ltr",
  "__status": "",
  "Tailwind CSS Components": "Các thành phần Tailwind CSS",
  "cta-1": "Xem các thành phần",
  "cta-1-mobile": "Các thành phần",
  "cta-2": "Sử dụng thế nào?",
  "components-btn": "Các thành phần",
  "change-theme-btn": "Chủ đề",
  "all-components-btn": "Xem tất cả các thành phần",
  "components": "Components",
  "themes": "Các chủ đề",
  "github-stars": "Sao trên Github",
  "npm-installs": "Lượt cài đặt NPM",
  "install-title": "Cài đặt daisyUI",
  "install-desc": "CSS thuần túy. Hoạt động trên tất cả các framework. daisyUI có thể được sử dụng làm plugin CSS Tailwind hoặc làm thư viện CSS độc lập",
  "install-step-1": "Cài đặt daisyUI dưới dạng gói Node",
  "install-step-2": "Thêm daisyUI vào tailwind.config.js",
  "install-btn": "Hướng dẫn cài đặt",
  "footer-tagline": "Thư viện thành phần miễn phí <br /> Dành cho các khung CSS tiện ích đầu tiên",
  "pages": "các trang",
  "how-to-install": "Cài đặt thế nào?",
  "how-to-use-components": "Sử dụng các component thế nào?",
  "how-to-customize": "Chỉnh sửa thế nào?",
  "how-to-use-themes": "Sử dụng các chủ đề thế nào",
  "color-system": "Hệ thống màu",
  "config": "Cấu hình",
  "links": "Liên kết",
  "changelog": "Lịch sử thay đổi",
  "license": "Giấy phép",
  "contributing": "Đóng góp",
  "available-on": "Có sẵn trên",
  "try-online": "Thử trực tuyến",
  "created-by": "Tạo bởi",
  "Install": "Cài đặt",
  "Use": "Sử dụng",
  "Customize components": "Chỉnh sửa các component",
  "Config": "Cấu hình",
  "Colors": "Màu sắc",
  "Themes": "Chủ đề",
  "Theme Generator": "Tạo chủ đề",
  "Layout & Typography": "Bố cục & Kiểu chữ",
  "Actions": "Hành động",
  "Button": "Nút",
  "Dropdown": "Dropdown",
  "Modal": "Modal",
  "Swap": "Swap",
  "Data display": "Hiển thị dữ liệu",
  "Alert": "Thông báo",
  "Avatar": "Avatar",
  "Badge": "Huy hiệu",
  "Card": "Thẻ",
  "Carousel": "Băng chuyền",
  "Chat bubble": "Bong bóng trò chuyện",
  "Collapse": "Collapse",
  "Countdown": "Đếm ngược",
  "Kbd": "Kbd",
  "Progress": "Tiến độ",
  "Radial progress": "Radial progress",
  "Stat": "Thống kê",
  "Table": "Bảng",
  "Tooltip": "Tooltip",
  "Data input": "Đầu vào dữ liệu",
  "Checkbox": "Hộp kiểm",
  "Text input": "Đầu vào văn bản",
  "Radio": "Radio",
  "Range": "Phạm vi",
  "Rating": "Đánh giá",
  "Select": "Chọn",
  "Textarea": "Vùng văn bản",
  "Toggle": "Chuyển đổi",
  "Layout": "Bố cục",
  "Artboard": "Bảng vẽ",
  "Button group": "Nhóm nút",
  "Divider": "Chia",
  "Drawer": "Ngăn kéo",
  "Footer": "Chân trang",
  "Hero": "Hero",
  "Indicator": "Chỉ số",
  "Input group": "Nhóm input",
  "Mask": "Mặt nạ",
  "Stack": "Xếp chồng",
  "Toast": "Toast",
  "Navigation": "Điều hướng",
  "Breadcrumbs": "Breadcrumbs",
  "Bottom navigation": "Điều hướng dưới cùng",
  "Link": "Liên kết",
  "Menu": "Menu",
  "Navbar": "Thanh điều hướng",
  "Pagination": "Phân trang",
  "Steps": "Bước",
  "Tab": "",
  "Mockup": "Mockup",
  "Code": "Mã",
  "Phone": "Điện thoại",
  "Window": "Cửa sổ",
  "excluded": "loại trừ",
  "CodePen example page": "Trang ví dụ CodePen",
  "Tailwind Play example page": "Trang ví dụ Tailwind",
  "new": "mới",
  "updated": "đã cập nhật",
  "Tailwind Plugin": "Tailwind Plugin",
  "Use CDN": "Sử dụng CDN",
  "Install daisyUI as a Tailwind CSS plugin": "Cài đặt daisyUI như một plugin 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.": "Bạn cần <a href='https://nodejs.org/en/download/'>Node.js</a> và <a href='https://tailwindcss.com/docs/installation/'>Tailwind CSS</a> cần được cài đặt.",
  "How to install daisyUI as a Tailwind CSS plugin?": "Cài đặt daisyUI như một plugin cho Tailwind CSS thế nào?",
  "Install daisyUI": "Cài đặt daisyUI",
  "Then add daisyUI to your <code>tailwind.config.js</code> files": "Sau đó thêm daisyUI vào file <code>tailwind.config.js</code> của bạn",
  "daisyUI example repositories": "ví dụ daisyUI",
  "See example setup of daisyUI and Tailwind CSS on different frameworks and build tools.": "Xem các ví dụ cài đặt daisyUI và Tailwind CSS trên các framework và công cụ build khác nhau.",
  "Prev": "Trước",
  "Next": "Tiếp",
  "Do you have a question?": "Bạn có câu hỏi gì không?",
  "Do you see a bug?": "Bạn có thấy lỗi gì không?",
  "Do you like daisyUI?": "Bạn có thích daisyUI không?",
  "Edit this page on GitHub": "Chỉnh sửa trang này trên GitHub",
  "ask the community": "hỏi cộng đồng",
  "open an issue on GitHub": "mở một issue trên GitHub",
  "tweet about it!": "tweet về nó!",
  "Warning": "Cảnh báo",
  "CDN files are not recommended for production <br/>because you can't purge unused styles and file size will be large.": "Tệp CDN không được khuyến khích cho production <br/>bởi vì bạn không thể xóa các styles không sử dụng và kích thước file sẽ lớn.",
  "You don't need to install anything.": "Bạn không cần cài đặt gì cả.",
  "Just add one of these to the <code>head</code> tag of your HTML": "Chỉ cần thêm một trong những thẻ này vào thẻ <code>head</code> của HTML của bạn",
  "Or": "Hoặc",
  "Add component classes to your HTML": "Thêm các class component vào HTML của bạn",
  "How to use daisyUI classes to style your page?": "Sử dụng các class daisyUI để tạo style cho trang của bạn thế nào?",
  "Once you <a href='/docs/install/'>installed daisyUI</a>, you can use component classes like <code>btn</code>, <code>card</code>, etc.": "Sau khi bạn <a href='/docs/install/'>cài đặt daisyUI</a>, bạn có thể sử dụng các class component như <code>btn</code>, <code>card</code>, v.v.",
  "So instead of making a button using only utility classes": "Thay vì tạo một nút chỉ sử dụng các class tiện ích",
  "You can just use a component class like this": "Bạn có thể sử dụng một class component như thế này",
  "Then you can modify the component with daisyUI additional utility classes": "Sau đó bạn có thể chỉnh sửa thành phần với các class tiện ích bổ sung của daisyUI",
  "Or you can modify the component with Tailwind CSS utility classes": "Hoặc bạn có thể chỉnh sửa thành phần với các class utility của Tailwind CSS",
  "Customize daisyUI components": "Chỉnh sửa các thành phần daisyUI",
  "How to customize daisyUI?": "Chỉnh sửa daisyUI thế nào?",
  "daisyUI components come with many variants necessary for design systems and you won't usually need to customize anything.": "Các thành phần daisyUI đi kèm với nhiều biến thể cần thiết cho các hệ thống thiết kế và bạn thường sẽ không cần chỉnh sửa gì cả.",
  "But you can still customize components in many ways.": "Nhưng bạn vẫn có thể tùy chỉnh các thành phần theo nhiều cách khác nhau.",
  "Let's say, you want to customize this button:": "Hãy nói, bạn muốn tùy chỉnh nút này:",
  "You can use daisyUI utility classes:": "Bạn có thể sử dụng các class tiện ích daisyUI:",
  "You can use Tailwind's utility classes:": "Bạn có thể sử dụng các class tiện ích của Tailwind:",
  "You can customize components on your CSS file, using Tailwind's @apply directive:": "Bạn có thể tùy chỉnh các thành phần trên file CSS của bạn, sử dụng chỉ thị @apply của Tailwind:",
  "You can also:": "Bạn cũng có thể:",
  "Add your own theme.": "Thêm chủ đề của riêng bạn.",
  "Opt out of daisyUI's design decisions, and <a href='/docs/config/'>only use an unstyled (skeleton) version of daisyUI</a>.": "Tùy chỉnh các quyết định thiết kế của daisyUI, và <a href='/docs/config/'>chỉ sử dụng phiên bản không có kiểu dáng (skeleton) của daisyUI</a>.",
  "How to change the default configuration of daisyUI?": "Thay đổi cấu hình mặc định của daisyUI thế nào?",
  "daisyUI can be configured from your <code>tailwind.config.js</code> file.": "daisyUI có thể được cấu hình từ file <code>tailwind.config.js</code> của bạn.",
  "Default config": "Cấu hình mặc định",
  "Config values explained": "Giải thích các giá trị cấu hình",
  "If it's true, components will have colors and style so you won't need to design anything.": "Nếu đúng, các thành phần sẽ có màu sắc và kiểu dáng nên bạn sẽ không cần thiết kế gì cả.",
  "If it's false, components will have no color and no visual style so you can design your own style on a basic skeleton.": "Nếu sai, các thành phần sẽ không có màu sắc và không có kiểu dáng nên bạn có thể thiết kế kiểu dáng của riêng bạn trên một bản mẫu cơ bản.",
  "If it's true, all themes will be included.": "Nếu đúng, tất cả các chủ đề sẽ được bao gồm.",
  "If it's false, only light and dark themes will be available.": "Nếu sai, chỉ có các chủ đề sáng và tối sẽ có sẵn.",
  "If it's an array, only themes in the array will be included and the first theme will be the default theme.": "Nếu là một mảng, chỉ các chủ đề trong mảng sẽ được bao gồm và chủ đề đầu tiên sẽ là chủ đề mặc định.",
  "Read more about <a href='/docs/themes/'>themes</a>.": "Đọc thêm về <a href='/docs/themes/'>chủ đề</a>.",
  "If it's true, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>a few base styles</a> will be added.": "Nếu đúng, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>một số phong cách cơ bản</a> sẽ được bổ sung.",
  "If it's true, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>responsive and utility classes</a> will be added.": "Nếu đúng, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>các lớp tiện ích và đáp ứng</a> sẽ được thêm vào.",
  "If it's true, daisyUI shows logs in the terminal while CSS is building.": "Nếu đúng, thì DaisyUI hiển thị nhật ký trong thiết bị đầu cuối trong khi CSS đang được xây dựng.",
  "If it's true, your theme will be right-to-left. You need to add <code>dir='rtl'</code> to your body tag.": "Nếu đúng thì chủ đề của bạn sẽ từ phải sang trái. Bạn cần thêm <code>dir='rtl'</code> vào thẻ body của mình.",
  "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.": "Nếu bạn đang sử dụng DaisyUI với tùy chọn RTL, tôi khuyên bạn nên sử dụng plugin <a href='https://github.com/cvrajeesh/tailwindcss-flip'>tailwindcss-flip</a> để tự động lật tất cả các tiện ích Tailwind của bạn.",
  "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.": "Cho phép chúng tôi chọn một chủ đề khác cho chế độ tối tự động của hệ thống. Theo mặc định, chủ đề <code>tối</code> (hoặc chủ đề tùy chỉnh có tên <code>dark</code>) sẽ là chủ đề mặc định nếu không có chủ đề nào được chỉ định và người dùng đang sử dụng chế độ tối trên hệ thống của họ. Với cấu hình này, bạn có thể đặt một chủ đề khác làm chủ đề chế độ tối mặc định.",
  "Adds a prefix to class name for all daisyUI classes (including component classes, modifier classes and responsive classes).": "Thêm tiền tố vào tên class cho tất cả các lớp DaisyUI (bao gồm các lớp thành phần, lớp sửa đổi và lớp đáp ứng).",
  "For example: <code>btn</code> will become <code>prefix-btn</code>.": "Ví dụ: <code>btn</code> sẽ trở thành <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.": "Nếu bạn đang sử dụng thư viện CSS thứ hai có tên class tương tự, bạn có thể sử dụng cấu hình này để tránh xung đột.",
  "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.": "Các lớp tiện ích như tên màu (ví dụ: <code>bg-primary</code>) hoặc bán kính đường viền (ví dụ: <code>hộp tròn</code>) sẽ không bị ảnh hưởng bởi cấu hình này vì chúng đang được thêm dưới dạng tiện ích mở rộng đến các lớp 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>.": "Nếu bạn sử dụng tùy chọn <code>prefix</code> của daisyUI (như <code>daisy-</code>) và tùy chọn <code>prefix</code> của Tailwind CSS (như <code>tw-</code>) cùng với nhau, tên class sẽ được thêm tiền tố như sau: <code>tw-daisy-btn</code>.",
  "How to use daisyUI colors?": "Sử dụng màu sắc daisyUI thế nào?",
  "Introduction": "Giới thiệu",
  "daisyUI is fully themeable and colorable,": "daisyUI có thể được tùy chỉnh hoàn toàn và có thể được tô màu,",
  "So instead of using constant color utility classes like:": "Thay vì sử dụng các lớp tiện ích màu tĩnh như:",
  "It's suggested to use semantic color utility classes like:": "Đề nghị sử dụng các lớp tiện ích màu có nghĩa như:",
  "Each color name contains CSS variables and each daisyUI theme applies color values to the utility classes when it is applied.": "Mỗi tên màu chứa các biến CSS và mỗi chủ đề daisyUI áp dụng các giá trị màu cho các lớp tiện ích khi được áp dụng.",
  "Benefits": "Lợi ích",
  "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.": "Tên màu có nghĩa có ý nghĩa hơn vì khi thiết kế giao diện, chúng ta không chỉ sử dụng bất kỳ màu nào. Chúng tôi xác định một bảng màu cụ thể với các tên như <code>primary</code>, <code>secondary</code>, v.v. và chúng tôi chỉ sử dụng các màu cụ thể đó trong giao diện của chúng tôi.",
  "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.": "Ngoài ra, việc sử dụng tên màu có nghĩa làm cho việc tạo chủ đề dễ dàng hơn. Bạn sẽ không phải xác định màu chế độ tối cho từng phần tử và bạn sẽ không bị giới hạn chỉ với các chủ đề sáng/tối. bạn có thể có nhiều chủ đề có sẵn và mỗi chủ đề chỉ là một vài dòng biến CSS.",
  "List of all daisyUI color names": "Danh sách tất cả các tên màu daisyUI",
  "You can use these color names in your theme or in utility classes.": "Bạn có thể sử dụng các tên màu này trong chủ đề của mình hoặc trong các lớp tiện ích.",
  "Color name + description": "Tên màu + mô tả",
  "Required or optional for themes": "Bắt buộc hoặc tùy chọn cho các chủ đề",
  "Example use": "Ví dụ sử dụng",
  "How to use": "Cách sử dụng",
  "Some daisyUI components come with modifier class names and that modifier class name will apply a color.": "Một số thành phần daisyUI đi kèm với tên class sửa đổi và tên class sửa đổi đó sẽ áp dụng màu sắc.",
  "For example": "Ví dụ",
  "You can also use color names in utility classes just like Tailwind's original color names.": "Bạn cũng có thể sử dụng các tên màu trong các lớp tiện ích giống như các tên màu gốc của Tailwind.",
  "These are utility classes that can be used with a color name:": "Đây là các lớp tiện ích có thể được sử dụng với tên màu:",
  "So you can use <code>bg-primary</code>, <code>border-secondary</code>, etc.": "Vì vậy, bạn có thể sử dụng <code>bg-primary</code>, <code>border-secondary</code>, v.v.",
  "daisyUI comes with a number of themes, which you can use with no extra effort.": "daisyUI đi kèm với một số chủ đề, bạn có thể sử dụng chúng mà không cần nỗ lực nào.",
  "Each theme defines a set of colors which will be used on all daisyUI elements.": "Mỗi chủ đề xác định một tập hợp các màu sắc sẽ được sử dụng trên tất cả các yếu tố 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:": "Để sử dụng một chủ đề, thêm tên của nó vào <span class=badge>tailwind.config.js</span> và kích hoạt nó bằng cách thêm thuộc tính <span class=badge>data-theme</span> vào thẻ <span class=badge>HTML</span> thẻ:",
  "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.": "Tôi khuyên bạn nên sử dụng <a href='https://github.com/saadeghi/theme-change'><code>theme-change</code></a> để bạn có thể chuyển đổi chủ đề và lưu chủ đề đã chọn vào bộ nhớ cục bộ .",
  "List of themes": "Danh sách các chủ đề",
  "Try them:": "Thử chúng:",
  "The default theme is <code>light</code> (or <code>dark</code> for dark mode)": "Chủ đề mặc định là <code>light</code> (hoặc <code>dark</code> cho chế độ tối)",
  "but you can <a href='https://daisyui.com/docs/config/'>change the default theme from tailwind.config.js</a>": "nhưng bạn có thể <a href='https://daisyui.com/docs/config/'>thay đổi chủ đề mặc định từ tailwind.config.js</a>",
  "How to remove unused themes?": "Làm thế nào để xóa các chủ đề không sử dụng?",
  "You can only include the themes you want in your project.": "Bạn chỉ có thể bao gồm các chủ đề bạn muốn trong dự án của mình.",
  "This will reduce the size of your CSS file.": "Điều này sẽ làm giảm kích thước của tệp CSS của bạn.",
  "In the below example": "Trong ví dụ dưới đây",
  "<code>cupcake</code> will be the default theme for light mode": "<code>cupcake</code> sẽ là chủ đề mặc định cho chế độ ánh sáng",
  "<code>dark</code> will be the default theme for dark mode": "<code>dark</code> sẽ là chủ đề mặc định cho chế độ tối",
  "<code>cmyk</code> can be applied on any HTML tag with <code>data-theme='cmyk'</code>": "<code>cmyk</code> có thể được áp dụng trên bất kỳ thẻ HTML nào với <code>data-theme='cmyk'</code>",
  "How to disable all themes?": "Làm thế nào để tắt tất cả các chủ đề?",
  "If you only want the default light and dark themes, set <code>themes</code> config to false.": "Nếu bạn chỉ muốn các chủ đề mặc định sáng và tối, hãy đặt cấu hình <code>themes</code> thành false.",
  "If you don't want to include any themes and disable all colors, set <code>themes</code> config to an empty array.": "Nếu bạn không muốn bao gồm bất kỳ chủ đề nào và tắt tất cả các màu, hãy đặt cấu hình <code>themes</code> thành một mảng rỗng.",
  "How to use a theme only for a section of a page?": "Sử dụng chủ đề chỉ cho một phần của một trang thế nào?",
  "Add <code>data-theme='THEME_NAME'</code> to any element and everything inside will have your theme.": "Thêm <code>data-theme='THEME_NAME'</code> vào bất kỳ phần tử nào và mọi thứ bên trong sẽ có chủ đề của bạn.",
  "You can nest themes and there is no limit!": "Bạn có thể lồng nhau các chủ đề và không có giới hạn!",
  "You can force a section of your HTML to only use a specific theme.": "Bạn có thể buộc một phần của HTML của bạn chỉ sử dụng một chủ đề cụ thể.",
  "How to add a new custom theme?": "Thêm một chủ đề tùy chỉnh mới thế nào?",
  "You can add a new theme from <code>tailwind.config.js</code> file.": "Bạn có thể thêm một chủ đề mới từ tệp <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.": "Trong ví dụ dưới đây, tôi đã thêm một chủ đề mới có tên <code>mytheme</code> và tôi cũng đang bao gồm các chủ đề <code>dark</code> và <code>cupcake</code>.",
  "The first theme (<code>mytheme</code>) will be the default theme.": "Chủ đề đầu tiên (<code>mytheme</code>) sẽ là chủ đề mặc định.",
  "<code>dark</code> theme will be the default theme for dark mode.": "Chủ đề <code>dark</code> sẽ là chủ đề mặc định cho chế độ tối.",
  "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).": "Trong ví dụ dưới đây, tôi có các màu cần thiết. Tất cả các màu khác sẽ được tạo tự động (Như màu của nút khi bạn tập trung vào nó hoặc màu của văn bản trên một nút <code>primary</code>).",
  "CSS variables in daisyUI themes": "Biến CSS trong các chủ đề daisyUI",
  "There are a few optional CSS variables that you can use in daisyUI themes to customize design decisions for each theme:": "Có một số biến CSS tùy chọn mà bạn có thể sử dụng trong các chủ đề daisyUI để tùy chỉnh các quyết định thiết kế cho mỗi chủ đề:",
  "You can also add <a href='/docs/colors/' class='link'>optional color names</a> to have full control over all colors.": "Bạn cũng có thể thêm <a href='/docs/colors/' class='link'>tên màu tùy chọn</a> để có toàn quyền kiểm soát tất cả các màu.",
  "Custom CSS for a daisyUI theme": "CSS tùy chỉnh cho một chủ đề daisyUI",
  "You can apply custom style to a daisyUI themes using CSS:": "Bạn có thể áp dụng kiểu tùy chỉnh cho các chủ đề daisyUI bằng CSS:",
  "How to customize an existing theme?": "Tùy chỉnh một chủ đề hiện có thế nào?",
  "In your tailwind.config.js, you can require an existing daisyUI theme and override some colors.": "Trong tailwind.config.js của bạn, bạn có thể yêu cầu một chủ đề daisyUI hiện có và ghi đè một số màu.",
  "In the below example, I require and spread <code>light</code> theme and change its <code>primary</code> and <code>secondary</code> colors:": "Trong ví dụ dưới đây, tôi yêu cầu và trải <code>light</code> chủ đề và thay đổi <code>primary</code> và <code>secondary</code> màu:",
  "Contribute to translation": "Đóng góp cho bản dịch",
  "Alert informs users about important events.": "Cảnh báo thông báo cho người dùng về các sự kiện quan trọng.",
  "Artboard provides fixed size container to display a demo content on mobile size.": "Bản vẽ cung cấp một khung có kích thước cố định để hiển thị nội dung demo trên kích thước di động.",
  "Avatars are used to show a thumbnail representation of an individual or business in the interface.": "Avatar được sử dụng để hiển thị hình ảnh thu nhỏ của một cá nhân hoặc doanh nghiệp trên giao diện.",
  "Badges are used to inform the user of the status of specific data.": "Huy hiệu được sử dụng để thông báo cho người dùng về trạng thái của dữ liệu cụ thể.",
  "Bottom navigation bar allows navigation between primary screens.": "Thanh điều hướng dưới cùng cho phép điều hướng giữa các màn hình chính.",
  "Breadcrumbs helps users to navigate through the website.": "Breadcrumbs giúp người dùng điều hướng qua trang web.",
  "Button group shows buttons next to each other.": "Nhóm nút hiển thị các nút cạnh nhau.",
  "Buttons allow the user to take actions or make choices.": "Nút cho phép người dùng thực hiện các hành động hoặc lựa chọn.",
  "Cards are used to group and display content in a way that is easily readable.": "Thẻ được sử dụng để nhóm và hiển thị nội dung một cách dễ đọc.",
  "Carousel show images or content in a scrollable area.": "Băng chuyền hiển thị hình ảnh hoặc nội dung trong một khu vực có thể cuộn.",
  "Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.": "Bong bóng trò chuyện được sử dụng để hiển thị một dòng trò chuyện và tất cả dữ liệu của nó, bao gồm hình ảnh tác giả, tên tác giả, thời gian, v.v.",
  "Checkboxes are used to select or deselect a value.": "Hộp kiểm được sử dụng để chọn hoặc bỏ chọn một giá trị.",
  "Collapse is used for showing and hiding content.": "Thu gọn được sử dụng để hiển thị và ẩn nội dung.",
  "Countdown gives you a transition effect of changing numbers.": "Đếm ngược cho bạn một hiệu ứng chuyển tiếp của các số thay đổi.",
  "Divider will be used to separate content vertically or horizontally.": "Bộ chia sẽ được sử dụng để phân tách nội dung theo chiều dọc hoặc chiều ngang.",
  "Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.": "Ngăn kéo là một bố cục lưới có thể hiển thị/ẩn thanh bên trái hoặc bên phải của trang.",
  "Dropdown can open a menu or any other element when the button is clicked.": "Dropdown có thể mở một menu hoặc bất kỳ phần tử nào khác khi nhấp vào nút.",
  "File Input is a an input field for uploading files.": "Đầu vào tệp là một trường đầu vào để tải tệp lên.",
  "Footer can contain logo, copyright notice, and links to other pages.": "Chân trang có thể chứa logo, thông báo bản quyền và liên kết đến các trang khác.",
  "Hero is a component for displaying a large box or image with a title and description.": "Hero là một thành phần để hiển thị một hộp hoặc hình ảnh lớn với tiêu đề và mô tả.",
  "Indicators are used to place an element on the corner of another element.": "Chỉ số được sử dụng để đặt một phần tử ở góc của một phần tử khác.",
  "Input group puts an input next to a text or a button.": "Input đặt một đầu vào bên cạnh một văn bản hoặc một nút.",
  "Text Input is a simple input field.": "Đầu vào văn bản là một trường input đơn giản.",
  "Kbd is used to display keyboard shortcuts.": "Kbd được sử dụng để hiển thị phím tắt bàn phím.",
  "Link adds the missing underline style to links.": "Liên kết thêm kiểu gạch chân bị thiếu vào liên kết.",
  "Mask crops the content of the element to common shapes.": "Mặt nạ cắt nội dung của phần tử thành các hình dạng chung.",
  "Menu is used to display a list of links vertically or horizontally.": "Menu được sử dụng để hiển thị một danh sách các liên kết theo chiều dọc hoặc chiều ngang.",
  "Code mockup is used to show a block of code in a box that looks like a code editor.": "Mẫu mã code được sử dụng để hiển thị một khối mã trong một hộp trông giống như một trình soạn thảo mã.",
  "Phone mockup shows a mockup of an iPhone.": "Mẫu điện thoại hiển thị một mẫu điện thoại iPhone.",
  "Window mockup shows a box that looks like an operating system window.": "Mẫu cửa sổ hiển thị một hộp trông giống như một cửa sổ hệ điều hành.",
  "Modal is used to show a dialog or a box when you click a button.": "Modal được sử dụng để hiển thị một hộp thoại hoặc một hộp khi bạn nhấp vào một nút.",
  "Navbar is used to show a navigation bar on the top of the page.": "Thanh điều hướng được sử dụng để hiển thị thanh điều hướng ở phía trên của trang.",
  "Pagination is a group of buttons that allow the user to navigate between a set of related content.": "Phân trang là một nhóm các nút cho phép người dùng điều hướng giữa một tập hợp các nội dung liên quan.",
  "Progress bar can be used to show the progress of a task or to show the passing of time.": "Thanh tiến trình có thể được sử dụng để hiển thị tiến độ của một tác vụ hoặc để hiển thị thời gian trôi qua.",
  "Radial progress can be used to show the progress of a task or to show the passing of time.": "Tiến trình bán kính có thể được sử dụng để hiển thị tiến độ của một tác vụ hoặc để hiển thị thời gian trôi qua.",
  "Radio buttons allow the user to select one option from a set.": "Nút radio cho phép người dùng chọn một tùy chọn từ một tập hợp.",
  "Range slider is used to select a value by sliding a handle.": "Thanh trượt phạm vi được sử dụng để chọn một giá trị bằng cách trượt một tay cầm.",
  "Rating is a set of radio buttons that allow the user to rate something.": "Xếp hạng là một tập hợp các nút radio cho phép người dùng xếp hạng một cái gì đó.",
  "Select is used to pick a value from a list of options.": "Hộp chọn được sử dụng để chọn một giá trị từ một danh sách các tùy chọn.",
  "Stack visually puts elements on top of each other.": "Stack đặt các phần tử trực quan lên trên nhau.",
  "Stat is used to show numbers and data in a box.": "Thống kê được sử dụng để hiển thị số và dữ liệu trong một hộp.",
  "Steps can be used to show a list of steps in a process.": "Các bước có thể được sử dụng để hiển thị một danh sách các bước trong quy trình.",
  "Swap allows you to toggle the visibility of two elements using a checkbox or a class name.": "Swap cho phép bạn chuyển đổi khả năng hiển thị của hai phần tử bằng cách sử dụng hộp kiểm hoặc tên class.",
  "Tabs can be used to show a list of links in a tabbed format.": "Tab có thể được sử dụng để hiển thị một danh sách các liên kết theo định dạng tab.",
  "Table can be used to show a list of data in a table format.": "Bảng có thể được sử dụng để hiển thị một danh sách dữ liệu theo định dạng bảng.",
  "Textarea allows users to enter text in multiple lines.": "Khung văn bản cho phép người dùng nhập văn bản trên nhiều dòng.",
  "Toggle is a checkbox that is styled to look like a switch button.": "Chuyển đổi là một hộp kiểm được thiết kế để trông giống như một nút chuyển đổi.",
  "Toast is a wrapper to stack elements, positioned on the corner of page.": "Toast là một bao bọc để xếp các phần tử, được đặt ở góc của trang.",
  "Tooltip can be used to show a message when hovering over an element.": "Tooltip có thể được sử dụng để hiển thị một thông báo khi di chuột qua một phần tử.",
  "Code mockup": "Mẫu mã code",
  "Phone mockup": "Mẫu điện thoại",
  "Window mockup": "Mẫu cửa sổ",
  "File Input": "Trường nhập tệp",
  "Text Input": "Trường nhập văn bản",
  "Range slider": "Thanh trượt phạm vi",
  "Tabs": "Tab",
  "All daisyUI components": "Tất cả các thành phần daisyUI",
  "Class name": "Tên lớp",
  "Type": "Kiểu",
  "Search": "Tìm kiếm",
  "daisyUI themes": "Chủ đề daisyUI",
  "How to use daisyUI themes?": "How to use daisyUI themes?",
  "daisyUI Theme Generator": "daisyUI Theme Generator",
  "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.": "Bạn có thể thêm các chủ đề tùy chỉnh của mình vào tệp <span class='badge badge-outline'>tailwind.config.js</span> trong mảng <span class='badge badge-outline'>daisyui > themes</span>. Trên trang này, bạn có thể chọn các giá trị màu cần thiết và xem các thành phần sẽ trông như thế nào với chúng.",
  "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)": "Bạn cũng có thể xác định các màu tùy chọn để có nhiều kiểm soát hơn về các giá trị màu (ví dụ: màu của một nút khi nó được tập trung vào màu của văn bản trên một nút)",
  "Check out <a class='link font-bold' href='/docs/colors/'>colors page</a> to see all the color names you can use.": "Hãy xem <a class='link font-bold' href='/docs/colors/'>trang màu</a> để xem tất cả tên màu bạn có thể sử dụng.",
  "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.)": "Hãy xem <a class='link font-bold' href='/docs/themes/'>trang chủ đề</a> để xem tất cả các biến CSS bạn có thể sử dụng để tùy chỉnh quyết định thiết kế (ví dụ: border-radius, animations, v.v.)",
  "Randomize": "Chọn ngẫu nhiên",
  "Reset": "Đặt lại",
  "Preview": "Xem trước",
  "Layout and Typography": "Bố cục và kiểu chữ",
  "How to use layouts and typography in daisyUI": "Sử dụng bố cục và kiểu chữ trong daisyUI",
  "Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes.": "Bố cục, kích thước, lưới, khoảng cách, v.v. tất cả sẽ được xử lý bởi các lớp tiện ích của Tailwind CSS.",
  "Read more": "Đọc thêm",
  "Typography": "Kiểu chữ",
  "You should use official <a href='https://github.com/tailwindlabs/tailwindcss-typography'>TailwindCSS Typography plugin</a>.": "Bạn nên sử dụng <a href='https://github.com/tailwindlabs/tailwindcss-typography'>plugin TailwindCSS Typography</a> chính thức.",
  "It handles everything and it's fully customizable.": "Nó xử lý tất cả mọi thứ và nó có thể tùy chỉnh hoàn toàn.",
  "daisyUI adds some style to @tailwindcss/typography so it will use the same theme as other elements.": "daisyUI thêm một số kiểu cho @tailwindcss/typography để nó sẽ sử dụng cùng một chủ đề với các phần tử khác.",
  "Make sure you require <span class='badge badge-outline'>daisyui</span> AFTER <span class='badge badge-outline'>@tailwindcss/typography</span> in tailwind.config.js": "Đảm bảo bạn yêu cầu <span class='badge badge-outline'>daisyui</span> SAU <span class='badge badge-outline'>@tailwindcss/typography</span> trong tailwind.config.js",
  "Here you can see how elements will look using <code>@tailwindcss/typography</code>.": "Ở đây bạn có thể xem các phần tử sẽ trông như thế nào bằng cách sử dụng <code>@tailwindcss/typography</code>.",
  "To use a custom prefix, <a class='link' href='/docs/config/#prefix'>add your prefix string to config</a>": "Để sử dụng tiền tố tùy chỉnh, <a class='link' href='/docs/config/#prefix'>thêm chuỗi tiền tố của bạn vào cấu hình</a>",
  "Component": "Thành phần",
  "Modifier": "Sửa đổi",
  "Responsive": "Responsive",
  "Changes the style of a component": "Thay đổi kiểu của một thành phần",
  "Supports responsive prefixes (sm:, lg:, …)": "Hỗ trợ tiền tố responsive (sm:, lg:, …)",
  "Make your theme": "Tạo chủ đề của bạn",
  "More examples": "Thêm ví dụ",
  "Support daisyUI's development": "Hỗ trợ phát triển daisyUI",
  "The most popular": "Thư viện component",
  "component library": "phổ biến nhất",
  "for Tailwind CSS": "cho 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 thêm tên class thành phần vào Tailwind&nbsp;CSS<br /> để bạn có thể tạo ra các trang web đẹp <span class='border-base-content/20 border-b-2'>nhanh hơn bao giờ hết.</span>",
  "don't re-invent <br/>the wheel <br/>every time": "đừng phát minh lại <br/>bánh xe <br/>mỗi lần",
  "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.": "Trong một dự án Tailwind CSS, bạn cần viết tên class tiện ích cho mọi phần tử. Hàng ngàn tên class chỉ để tạo kiểu cho các phần tử cơ bản nhất.",
  "instead of writing<br /> <span class='text-error'><span class='font-black'>100</span> class names</span>": "thay vì viết<br /> <span class='text-error'><span class='font-black'>100</span> tên class</span>",
  "For every element, every page, every project,<br/>again and again": "Đối với mọi phần tử, mọi trang, mọi dự án,<br/>lần này và lần khác",
  "use <span class='text-success'><span class='font-black'>semantic</span> <br />class names</span>": "sử dụng <span class='text-success'><span class='font-black'>tên class</span> <br />có nghĩa</span>",
  "It's descriptive, faster, cleaner and easier to maintain.": "Nó mô tả, nhanh hơn, sạch hơn và dễ bảo trì hơn.",
  "Features": "Tính năng",
  "Links": "Liên kết",
  "Message": "Tin nhắn",
  "Cleaner HTML": "HTML sạch hơn",
  "Customizable": "Có thể tùy chỉnh",
  "Themeable": "Có thể sử dụng chủ đề",
  "Pure CSS": "CSS thuần túy",
  "Dashboard": "Bảng điều khiển",
  "Notifications": "Thông báo",
  "Messages": "Tin nhắn",
  "People": "Mọi người",
  "Products": "Sản phẩm",
  "Use Tailwind CSS but write fewer class names.": "Sử dụng Tailwind CSS nhưng viết ít tên class hơn.",
  "Pure CSS. <br />No JS dependency": "CSS thuần túy. <br />Không phụ thuộc JS",
  "Works on all frameworks": "Hoạt động trên tất cả các framework",
  "Design system": "Thiết kế hệ thống",
  "Styling a simple button": "Tạo kiểu cho một nút đơn giản",
  "Result": "Kết quả",
  "Take Tailwind CSS": "Đưa Tailwind CSS",
  "to the next level": "lên một tầm cao mới",
  "daisyUI adds class names to Tailwind CSS<br />for all common UI components.<br />Class names like": "DaisyUI thêm tên class vào Tailwind CSS<br />cho tất cả các thành phần giao diện người dùng phổ biến.<br />Các tên class như",
  "and many more.": "và nhiều hơn nữa.",
  "This allows us to focus on important things<br />instead of styling basic elements for every project.": "Điều này cho phép chúng ta tập trung vào những điều quan trọng<br />thay vì tạo kiểu cho các phần tử cơ bản cho mọi dự án.",
  "No_more_ugly_HTML_part_1": "HTML ",
  "No_more_ugly_HTML_part_2": "không",
  "No_more_ugly_HTML_part_3": "còn",
  "No_more_ugly_HTML_part_4": "xấu nữa",
  "Write fewer class names<br />Use component class names<br />modify them using Tailwind CSS utilities.": "Viết ít tên class hơn<br />Sử dụng tên thành phần class<br />sửa đổi chúng bằng cách sử dụng tiện ích Tailwind CSS.",
  "Click": "Click",
  "Tailwind only": "Chỉ Tailwind",
  "Tailwind + daisyUI": "Tailwind + daisyUI",
  "Save": "Lưu",
  "Accept terms of use": "Chấp nhận các điều khoản",
  "Submit to newsletter": "Gửi tin mới nhất",
  "Fewer class names": "Ít tên class hơn",
  "Faster development": "Phát triển nhanh hơn",
  "Smaller file size": "Kích thước tệp nhỏ hơn",
  "With daisyUI, you write 80% fewer class names<br />And your HTML size will be about 70% smaller.": "Với daisyUI, bạn viết ít hơn 80% tên class<br />Và kích thước HTML của bạn sẽ nhỏ hơn khoảng 70%.",
  "CSS Class names": "Tên class CSS",
  "fewer class names": "ít tên class hơn",
  "HTML size": "Kích thước HTML",
  "smaller DOM size": "kích thước DOM nhỏ hơn",
  "Highly customizable": "Có thể tùy chỉnh cao",
  "Powered by Tailwind&nbsp;CSS utility&nbsp;classes": "Được hỗ trợ bởi các lớp tiện ích của&nbsp;Tailwind CSS",
  "daisyUI is built on top of Tailwind&nbsp;CSS so you can customize everything using utility classes.": "daisyUI được xây dựng trên nền tảng Tailwind&nbsp;CSS để bạn có thể tùy chỉnh mọi thứ bằng cách sử dụng các lớp tiện ích.",
  "Pure CSS.": "CSS thuần túy.",
  "Framework agnostic.": "Không phụ thuộc vào framework.",
  "Works everywhere.": "Hoạt động ở mọi nơi.",
  "daisyUI is a plugin for Tailwind CSS. It works on all JS frameworks and doesn't need a JS bundle file.": "daisyUI là một plugin cho Tailwind CSS. Nó hoạt động trên tất cả các framework JS và không cần tệp gói JS.",
  "Install daisyUI as a dev dependency and use the class names just like any other Tailwind CSS class name.": "Cài đặt daisyUI như một phụ thuộc dev và sử dụng tên class giống như bất kỳ tên class Tailwind CSS nào khác.",
  "Apply_your_own_design_decisions_part_1": "Áp dụng",
  "Apply_your_own_design_decisions_part_2": "quyết định riêng",
  "Apply_your_own_design_decisions_part_3": "của bạn",
  "Apply_your_own_design_decisions_part_4": "vào",
  "Apply_your_own_design_decisions_part_5": "thiết kế",
  "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.": "Trang web của bạn nên là duy nhất. Tạo một chủ đề tùy chỉnh cho riêng bạn bằng cách sử dụng trình tạo chủ đề daisyUI. Các màu bạn chọn sẽ được áp dụng cho tất cả các thành phần daisyUI.",
  "Learn more about themes": "Tìm hiểu thêm về chủ đề",
  "utility classes": "lớp tiện ích",
  "endless possibilities": "vô tận",
  "Mix and match daisyUI class names to create unique web pages.": "Pha trộn và kết hợp tên class daisyUI để tạo ra các trang web độc đáo.",
  "daisyUI is the most popular<br />component library for Tailwind&nbsp;CSS": "daisyUI là thư viện component phổ biến nhất<br />cho Tailwind&nbsp;CSS",
  "open-source projects using daisyUI": "Dự án mã nguồn mở sử dụng daisyUI",
  "Free and open-source": "Miễn phí và là mã nguồn mở",
  "Built by the community": "Được xây dựng bởi cộng đồng",
  "daisyUI welcomes contributions from developers around the world": "daisyUI chào đón đóng góp từ các nhà phát triển trên khắp thế giới",
  "Sponsors and backers": "Nhà tài trợ và nhà bảo trợ",
  "Try daisyUI": "Thử daisyUI",
  "on your favorite framework": "trên framework yêu thích của bạn",
  "See all examples": "Xem tất cả các ví dụ",
  "Or play with daisyUI on": "Hoặc chơi với daisyUI trên",
  "Admin panel": "Bảng điều khiển quản trị",
  "Updates": "Cập nhật",
  "Stats": "Thống kê",
  "Unlimited themes": "Không giới hạn chủ đề",
  "with zero effort": "không cần tốn công sức",
  "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 thêm một tập hợp các tên màu có thể tùy chỉnh vào Tailwind CSS và các màu mới này sử dụng biến CSS cho các giá trị. Bằng cách sử dụng tên màu daisyUI, bạn có được chế độ tối và thậm chí là nhiều chủ đề hơn mà không cần thêm tên class mới.",
  "See all themes": "Xem tất cả các chủ đề",
  "Semantic colors": "Màu có nghĩa",
  "Learn more about colors": "Tìm hiểu thêm về màu sắc",
  "Get started": "Bắt đầu",
  "daisyUI 3 is available now!": "daisyUI 3 đã có sẵn!",
  "Become a sponsor": "Trở thành nhà tài trợ",
  "Accordion": "Accordion",
  "Accordion is used for showing and hiding content but only one item can stay open at a time.": "Accordion được sử dụng để hiển thị và ẩn nội dung nhưng chỉ có một mục có thể mở cùng một lúc.",
  "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 sử dụng cùng kiểu với <a href='/components/collapse/' class='link'>thành phần thu gọn</a> nhưng nó hoạt động với radio. Bạn có thể kiểm soát mục nào được mở bằng cách kiểm tra/bỏ chọn radio ẩn.",
  "Click to open this one and close others": "Click để mở cái này và đóng các cái khác",
  "Using Accordion and Join together": "Sử dụng Accordion và Join cùng nhau",
  "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.": "Tất cả các đầu vào radio cùng tên hoạt động cùng nhau và chỉ có một trong số chúng có thể mở cùng một lúc. Nếu bạn có nhiều hơn một tập hợp các mục accordion trên một trang, hãy sử dụng các tên khác nhau cho các đầu vào radio trên mỗi tập hợp.",
  "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 là một container để nhóm nhiều mục, nó có thể được sử dụng để nhóm các nút, đầu vào hoặc bất kỳ phần tử nào khác. Join áp dụng border radius cho mục đầu tiên và cuối cùng. Join có thể được sử dụng để tạo một danh sách các mục theo chiều ngang hoặc chiều dọc.",
  "Loading": "Đang tải",
  "Loading shows an animation to indicate that something is loading.": "Loading hiển thị một hoạt ảnh để chỉ ra rằng có một cái gì đó đang tải.",
  "Browser mockup": "Mẫu trình duyệt",
  "Browser mockup shows a box that looks like a browser window.": "Mẫu trình duyệt hiển thị một hộp trông giống như một cửa sổ trình duyệt.",
  "Browser": "Trình duyệt",
  "You need to change to `--value` CSS variable using JS. Value must be a number between 0 and 99.": "Bạn cần thay đổi biến CSS `--value` bằng JS. Giá trị phải là một số từ 0 đến 99.",
  "How to add custom styles for a specific theme?": "Làm thế nào để thêm kiểu tùy chỉnh cho một chủ đề cụ thể?",
  "You can write custom style for your elements only for a specific theme.": "Bạn có thể viết kiểu tùy chỉnh cho các phần tử của mình chỉ cho một chủ đề cụ thể.",
  "In this example, .btn-twitter class only will have this style on light theme.": "Trong ví dụ này, lớp .btn-twitter chỉ có kiểu này trên chủ đề sáng.",
  "related projects": "các dự án liên quan",
  "There are 3 ways to use a modal:": "Có 3 cách để sử dụng một modal:",
  "Make sure you're using unique IDs for each modal": "Đảm bảo bạn sử dụng các ID duy nhất cho mỗi modal",
  "Also see <a href='/components/accordion/' class='link'>accordion</a> examples": "Xem thêm các ví dụ <a href='/components/accordion/' class='link'>accordion</a>",
  "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 />": "Tiến trình bán kính cần biến CSS `--value` để hoạt động.<br />Để thay đổi kích thước, hãy sử dụng biến CSS `--size` có giá trị mặc định là `4rem`.<br />Để thay đổi độ dày, hãy sử dụng biến CSS `--thickness` có giá trị mặc định là 10% của kích thước.<br />",
  "Deprecated": "Đã lỗi thời",
  "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>)": "Thanh bên Drawer được ẩn theo mặc định. Bạn có thể làm cho nó hiển thị trên các màn hình lớn hơn bằng cách sử dụng lớp <code>lg:drawer-open</code> (hoặc sử dụng các tiền tố responsive khác: <code>sm</code>, <code>md</code>, <code>lg</code>, <code>xl</code>)",
  "Join (group items)": "Join (nhóm các mục)",
  "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join'>Join</a> instead.": "Thành phần này đã lỗi thời và sẽ bị xóa trong phiên bản chính tiếp theo. Sử dụng <a class='link' href='/components/join'>Join</a> thay thế.",
  "Docs": "Tài liệu",
  "Components": "Các thành phần",
  "Which element to attach the theme CSS variables to.": "Phần tử nào để gắn các biến CSS chủ đề vào.",
  "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.": "Trong một số tình huống nhất định (chẳng hạn như nhúng daisyUI vào một gốc bóng) thì việc đặt nó thành ví dụ <code>*</code> có thể hữu ích, vì vậy tất cả các thành phần sẽ có quyền truy cập vào các biến CSS cần thiết.",
  "Utilities": "Các tiện ích",
  "Utility classes and CSS variables": "Các lớp tiện ích và biến CSS",
  "Additional utility classes and CSS variables that daisyUI uses for components and themes": "Các lớp tiện ích và biến CSS bổ sung mà daisyUI sử dụng cho các thành phần và chủ đề",
  "Color utility classes": "Các lớp tiện ích màu sắc",
  "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.": "Tất cả các màu daisyUI có thể được sử dụng như các lớp tiện ích. Giống như bất kỳ màu Tailwind CSS nào khác. Ví dụ, bạn có thể sử dụng màu `primary` với bất kỳ tiện ích màu Tailwind CSS nào.",
  "Border radius": "Góc bo tròn",
  "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`": "Góc bo tròn mở rộng này được sử dụng trong các thành phần daisyUI. Các giá trị phụ thuộc vào chủ đề nên bạn có thể có một quyết định thiết kế khác nhau về góc bo tròn của các phần tử dựa trên chủ đề đang hoạt động. Bạn cũng có thể sử dụng bất kỳ lớp góc bo tròn Tailwind CSS nào cho các tên này. Như `rounded-r-box` hoặc `rounded-tr-btn`",
  "Glass": "Kính",
  "These glass class to give elements a matte glass effect": "Các lớp kính này để tạo hiệu ứng kính mờ cho các phần tử",
  "CSS variables": "Biến CSS",
  "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]`": "Các biến CSS này được sử dụng bên trong. Bạn có thể tùy chỉnh chúng trong chủ đề tùy chỉnh của mình trong `tailwind.config.js` hoặc bạn có thể thậm chí tùy chỉnh chúng bằng tên class như `[--animation-btn:0]`",
  "Component specific CSS variables": "Biến CSS cụ thể của thành phần",
  "These CSS variables are being used internally for a specific component": "Các biến CSS này được sử dụng bên trong cho một thành phần cụ thể",
  "Theme Controller": "Bộ điều khiển chủ đề",
  "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.": "Nếu một đầu vào checkbox đã được kiểm tra hoặc một đầu vào radio đã được kiểm tra với lớp theme-controller tồn tại trong trang, Trang sẽ có cùng chủ đề với giá trị của đầu vào đó.",
  "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:": "Bộ điều khiển chủ đề thay đổi chủ đề bằng CSS. Sau đó, bạn có thể sử dụng JS để lưu trạng thái đầu vào trên máy chủ hoặc localStorage nếu bạn muốn nó tồn tại sau khi làm mới trang. <br/>Đây là một ví dụ React để lưu trạng thái checkbox trong bộ nhớ cục bộ:",
  "Diff": "Khác biệt",
  "Diff component shows a side-by-side comparison of two items.": "Thành phần hác biệt hiển thị một so sánh song song của hai mục.",
  "Timeline": "Mốc thời gian",
  "Timeline component shows a list of events in chronological order.": "Thành phần mốc thời gian hiển thị một danh sách các sự kiện theo thứ tự thời gian.",
  "The <span class=badge>hr</span> tag at the start or end of each item, displays a line to connect items.": "Thẻ <span class=badge>hr</span> ở đầu hoặc cuối mỗi mục, hiển thị một đường kết nối các mục.",
  "Feedback": "Phản hồi",
  "Skeleton": "Khung xương",
  "Skeleton is a component that can be used to show a loading state of a component.": "Khung xương là một thành phần có thể được sử dụng để hiển thị trạng thái tải của một thành phần.",
  "Container element": "Phần tử chứa",
  "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": "Sử dụng phần tử <code>&lt;dialog&gt;</code>: Nó cần JS để mở nhưng nó có khả năng truy cập tốt hơn và chúng ta có thể đóng nó bằng cách sử dụng phím <span class='kbd kbd-xs'>Esc</span>",
  "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": "Sử dụng một <code>&lt;input type='checkbox'&gt;</code> ẩn và <code>&lt;label&gt;</code> để kiểm tra/bỏ chọn checkbox và mở/đóng 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": "Sử dụng các liên kết neo <code>&lt;a&gt;</code>: Một liên kết thêm một tham số vào URL và bạn chỉ thấy modal khi URL có tham số đó",
  "This component is deprecated and will be removed in the next major version. Use <a class='link' href='/components/join/'>Join</a> instead.": "Thành phần này đã lỗi thời và sẽ bị xóa trong phiên bản chính tiếp theo. Sử dụng <a class='link' href='/components/join/'>Join</a> thay thế.",
  "Blog": "Blog",
  "Sponsors": "Nhà tài trợ",
  "Use daisyUI from CDN": "Sử dụng daisyUI từ CDN",
  "How to use daisyUI from a CDN?": "Làm thế nào để sử dụng daisyUI từ một CDN?",
  "etc.": "v.v.",
  "": ""
}
