offline docs

offline-docs/daisyui/file-input.md

@@ -0,0 +1,90 @@
+# daisyUI Documentation - File Input Component
+
+File Input is a an input field for uploading files.
+
+## Classes and Usage
+
+### Core Classes:
+- **file-input** - For <input type="file"> element
+- **file-input-ghost** - ghost style
+- **file-input-neutral** - neutral color
+- **file-input-primary** - primary color
+- **file-input-secondary** - secondary color
+- **file-input-accent** - accent color
+- **file-input-info** - info color
+- **file-input-success** - success color
+- **file-input-warning** - warning color
+- **file-input-error** - error color
+- **file-input-xs** - Extra small size
+- **file-input-sm** - Small size
+- **file-input-md** - Medium size [Default]
+- **file-input-lg** - Large size
+- **file-input-xl** - Extra large size
+
+## Examples
+
+### Basic File Input
+
+```html
+<input type="file" class="file-input" />
+```
+
+### File Input Ghost Style
+
+```html
+<input type="file" class="file-input file-input-ghost" />
+```
+
+### File Input with Fieldset and Label
+
+```html
+<fieldset class="fieldset">
+  <legend class="fieldset-legend">Pick a file</legend>
+  <input type="file" class="file-input" />
+  <label class="label">Max size 2MB</label>
+</fieldset>
+```
+
+### File Input Sizes
+
+```html
+<input type="file" class="file-input file-input-xs" />
+
+<input type="file" class="file-input file-input-sm" />
+
+<input type="file" class="file-input file-input-md" />
+
+<input type="file" class="file-input file-input-lg" />
+
+<input type="file" class="file-input file-input-xl" />
+```
+
+### File Input Colors
+
+```html
+<input type="file" class="file-input file-input-primary" />
+<input type="file" class="file-input file-input-secondary" />
+<input type="file" class="file-input file-input-accent" />
+<input type="file" class="file-input file-input-neutral" />
+<input type="file" class="file-input file-input-info" />
+<input type="file" class="file-input file-input-success" />
+<input type="file" class="file-input file-input-warning" />
+<input type="file" class="file-input file-input-error" />
+```
+
+### Disabled File Input
+
+```html
+<input type="file" placeholder="You can't touch this" class="file-input" disabled />
+```
+
+## Features
+
+- Special styling for file input elements
+- Multiple size options (xs, sm, md, lg, xl)
+- Multiple color variants
+- Ghost style option
+- Works with fieldset and label components
+- Disabled state support
+
+This component is useful for creating styled file upload inputs that blend seamlessly with the rest of your daisyUI interface.