daisy-ui-kit 5.2.0 → 5.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -42,6 +42,26 @@ export default defineNuxtConfig({
|
|
|
42
42
|
- Use `v-model` for two-way binding on components with `model-value` prop and `update:model-value` event.
|
|
43
43
|
- The `is` prop changes the rendered element (e.g., `<Button is="a" href="/link">`).
|
|
44
44
|
|
|
45
|
+
## Default HTML Elements
|
|
46
|
+
|
|
47
|
+
Most components render as `<div>` (block-level) by default. The following components render as **inline-level elements** and may need TailwindCSS display utilities (e.g. `class="block"`) to behave as block elements:
|
|
48
|
+
|
|
49
|
+
| Default Element | Components |
|
|
50
|
+
| --------------- | ------------------------------------------------------------------------------------------------------------------ |
|
|
51
|
+
| `<span>` | `Text`, `Countdown`, `Counter`, `TextRotate`, `SkeletonText`, `Status`, `StepIcon`, `ValidatorHint`, `FooterTitle` |
|
|
52
|
+
| `<button>` | `Button`, `DropdownButton`, `DropdownTarget`, `NavButton` |
|
|
53
|
+
| `<a>` | `DaisyLink` |
|
|
54
|
+
| `<label>` | `Label`, `Swap`, `Tab` |
|
|
55
|
+
| `<input>` | `Checkbox`, `Radio`, `Toggle`, `Range`, `FileInput`, `Input` |
|
|
56
|
+
| `<select>` | `Select` |
|
|
57
|
+
| `<textarea>` | `TextArea` |
|
|
58
|
+
| `<progress>` | `Progress` |
|
|
59
|
+
| `<kbd>` | `Kbd` |
|
|
60
|
+
| `<hr>` | `TimelineLine` |
|
|
61
|
+
| `<li>` | `Crumb`, `MenuItem`, `MenuTitle`, `Step` |
|
|
62
|
+
|
|
63
|
+
Components with an `is` prop (like `Text`, `Button`, `Badge`, `Countdown`, `DaisyLink`, `SkeletonText`, `Counter`, `TextRotate`, `FooterTitle`, `Tab`) can change their rendered element: `<Text is="p">` renders as a `<p>`.
|
|
64
|
+
|
|
45
65
|
## Component API Reference
|
|
46
66
|
|
|
47
67
|
```
|