TALL-forms
  • TALL-forms
  • Installation
    • Quickstart: Artisan cmd
    • Manual installation
      • Package
      • Translations
      • Css & Theme
      • Javascript
      • Tailwind
      • Laravel Mix
      • Wrapper view
      • Laravel Jetstream/Breeze
  • Upgrade v7 to v8
    • Configuration changes
    • Component & Field changes
    • Blade view changes
    • Notification changes
    • Styling changes
  • Concept
    • Configuration
    • Validation
    • Styling
    • Icons
    • Javascript
    • Layout vs Wrapper
    • Model binding
    • Manually saving data
    • Extend Blade Components
  • Create Forms
    • Form Data
    • Form Types
      • Standard form
      • As modal
      • Without buttons
      • Fields only
      • Headless
    • Form attributes
    • Form buttons
    • Form slots
    • Form methods
    • Lifecycle hooks
    • Render a form
    • Mass generate
  • Fields
    • Declaration
    • Labels
    • Field Slots
    • Field methods
    • Custom field attributes
    • Conditional field
    • Custom view
    • Custom field
    • Custom Livewire component
    • Relations
    • Fields
      • Checkbox
      • Checkboxes
      • FileUpload
      • Honeypot
      • ImageCropper
      • Input
      • Password
      • InputArray
      • KeyVal (array)
      • Radio
      • Range
      • Repeater (array)
      • Search
      • Select & Multiselect
      • Tags
      • TagsSearch
      • Textarea
      • Trix
      • SpatieTags
    • Sponsor Fields
      • More Inputs
      • CKEditor
      • DatePicker
      • Heading
      • Markdown
      • Panels
      • SearchList
      • SelectOptGroup
      • Tabs
      • Trix, file-uploads
  • Blade components
    • Notifications
    • Label wrapper
    • Button
    • Modal blade component
    • Modal form blade component
  • Examples
    • Input examples
    • Array fields example
Powered by GitBook
On this page

Was this helpful?

  1. Fields
  2. Sponsor Fields

More Inputs

PreviousSponsor FieldsNextCKEditor

Last updated 3 years ago

Was this helpful?

These inputs are based on the standard

Sponsors

Observe that the Chrome browser has support for all date field types but other browsers may give you a non-user-friendly input.

Color::make('Color')->default("#531313")->fieldWidth('w-full sm:max-w-sm'),
DateInput::make('Date Input')->fieldWidth('w-full sm:max-w-sm')->placeholder('yyyy-mm-dd'),
TimeInput::make('Time Input')->fieldWidth('w-full sm:max-w-sm'),
DateTimeLocal::make('Date Time Local')->placeholder(now()->toDateTimeLocalString('minute'))->fieldWidth('w-full sm:max-w-sm')->suffix('date'),
Week::make('Week')->default('2021-W12')->fieldWidth('w-full sm:max-w-sm'),
Month::make('Month')->default('2020-11')->fieldWidth('w-full sm:max-w-sm'),
Email::make('Email')->fieldWidth('w-full sm:max-w-sm')->rules('required|email'),
Number::make('Number')->wire('defer')->fieldWidth('w-full sm:max-w-sm')->suffix('.00'),
Password::make('Password')->fieldWidth('w-full sm:max-w-sm'),
Number::make('Mobile')->fieldWidth('w-full sm:max-w-sm')->rules('required'),

If you 💗 you have access to all HTML5 input types with a custom icon set. This example corresponds to the image in the "Preview" tab.

sponsor this package 🔗
Input field