From 1ecfee444b5282a983b6b7c2d47446f6a04cac06 Mon Sep 17 00:00:00 2001
From: Skillers3 <ntahsp@gmail.com>
Date: Thu, 18 Jan 2024 14:46:58 +0200
Subject: [PATCH] Created "dataDisplay" tag & added the "command" example (#55)

* Created "dataDisplay" tag & added the "command" example

* make more concise using join, and move to input tag

---------

Co-authored-by: Willian Pinheiro <willpinhaaa@gmail.com>
---
 src/examples/input/command.html                | 18 ++++++++++++++++++
 src/examples/input/textInputWithClearIcon.html |  2 +-
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/examples/input/command.html

diff --git a/src/examples/input/command.html b/src/examples/input/command.html
new file mode 100644
index 0000000..5eec739
--- /dev/null
+++ b/src/examples/input/command.html
@@ -0,0 +1,18 @@
+<div class="join rounded-lg border border-[oklch(var(--bc)/.2)] divide-x divide-[oklch(var(--bc)/.2)]">
+    <!-- Command icon -->
+    <div class="join-item py-3 px-4">
+        <i class="fa fa-terminal text-lg text-info" aria-hidden="true"></i>
+    </div>
+
+    <!-- Command text -->
+    <div class="join-item p-3 pr-20">
+        npm install daisyui
+    </div>
+
+    <!-- Copy button -->
+    <div class="join-item tooltip tooltip-right" data-tip="Copy">
+        <button class="btn btn-ghost join-item">
+            <i class="fa-solid fa-copy text-lg text-info" aria-hidden="true"></i>
+        </button>
+    </div>
+</div>
diff --git a/src/examples/input/textInputWithClearIcon.html b/src/examples/input/textInputWithClearIcon.html
index 8d918d6..a73ae4e 100644
--- a/src/examples/input/textInputWithClearIcon.html
+++ b/src/examples/input/textInputWithClearIcon.html
@@ -1,4 +1,4 @@
-<div class="join">
+<div class="join rounded-lg">
     <input class="join-item input input-bordered border-r-0">
 
     <div class="tooltip tooltip-right" data-tip="Clear">