“Kotak centang CSS Tailwind” Kode Jawaban

Kotak centang CSS Tailwind

<div class="flex items-center mb-4">
    <input id="default-checkbox" type="checkbox" value="" class="w-4 h-4 text-blue-600 bg-gray-100 rounded border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
    <label for="default-checkbox" class="ml-2 text-sm font-medium text-gray-900 dark:text-gray-300">Default checkbox</label>
</div>
<div class="flex items-center">
    <input checked id="checked-checkbox" type="checkbox" value="" class="w-4 h-4 text-blue-600 bg-gray-100 rounded border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
    <label for="checked-checkbox" class="ml-2 text-sm font-medium text-gray-900 dark:text-gray-300">Checked state</label>
</div>

Zoltan Szogyenyi

kotak centang Tailwind

<div class="flex justify-center">
  <div>
    <div class="form-check">
      <input class="form-check-input appearance-none h-4 w-4 border border-gray-300 rounded-sm bg-white checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer" type="checkbox" value="" id="flexCheckDefault">
      <label class="form-check-label inline-block text-gray-800" for="flexCheckDefault">
        Default checkbox
      </label>
    </div>
    <div class="form-check">
      <input class="form-check-input appearance-none h-4 w-4 border border-gray-300 rounded-sm bg-white checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain float-left mr-2 cursor-pointer" type="checkbox" value="" id="flexCheckChecked" checked>
      <label class="form-check-label inline-block text-gray-800" for="flexCheckChecked">
        Checked checkbox
      </label>
    </div>
  </div>
</div>

John Appleseed

Jawaban yang mirip dengan “Kotak centang CSS Tailwind”

Pertanyaan yang mirip dengan “Kotak centang CSS Tailwind”

“Kotak centang CSS Tailwind” Kode Jawaban

Kotak centang CSS Tailwind

kotak centang Tailwind

Jawaban yang mirip dengan “Kotak centang CSS Tailwind”

Pertanyaan yang mirip dengan “Kotak centang CSS Tailwind”

Lebih banyak jawaban terkait untuk “Kotak centang CSS Tailwind” di HTML

Jelajahi jawaban kode populer menurut bahasa

Shell/Bash

C#

C++

C

CSS

HTML

Java

JavaScript

Objective-C

PHP

Python

Sql

Swift

Ruby

TypeScript

Go

Kotlin

Assembly

R

VBA

Scala

Rust

Dart

Elixir

Clojure

Haskell

Matlab

Erlang

Cobol

Fortran

Scheme

Perl

Groovy

Lua

Julia

Delphi

Abap

Lisp

Prolog

Pascal

ActionScript

Basic

Solidity

PowerShell

GDScript

Excel

Jelajahi bahasa kode lainnya