diff --git a/README.md b/README.md index b50c9cb..c625a90 100644 --- a/README.md +++ b/README.md @@ -28,7 +28,7 @@ import ( ``` -#### Customizing +### Customizing Customizing the form helpers is done by passing different instances of `tailush.Option` to the `FormFn` and `FormForFn` functions. The following example shows a set of options that can be passed to the helpers. @@ -45,4 +45,19 @@ Customizing the form helpers is done by passing different instances of `tailush. ... ``` - +#### Customizing options + +The following options are available for the form helpers: + +| Option ⚙️ | Component ⚒️ | Default classes ✏️ | +|------------------------------------|-----------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------| +| `tailush.UseLabelClass()` | `<%= f.Label() %>` | block text-sm font-medium text-gray-700 | +| `tailush.UseInputClass()` | `<%= f.InputTag() %>` | border border-gray-300 rounded-md py-1.5 px-3 focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 text-sm font-medium text-gray-700 | +| `tailush.UseCheckboxClass()` | `<%= f.CheckboxTag() %>` | TBD | +| `tailush.UseRadioClass()` | `<%= f.RadioButtonTag() %>` | TBD | +| `tailush.UseFileClass()` | `<%= f.FileTag() %>` | TBD | +| `tailush.UseTextAreaClass()` | `<%= f.TextAreaTag() %>` | border border-gray-300 rounded-md py-1.5 px-3 focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 w-full | +| `tailush.UseSelectClass()` | `<%= f.SelectTag() %>` | border border-gray-300 rounded-md py-1.5 px-3 focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 w-full py-2 mt-1 text-base sm:text-sm | +| `tailush.UseDateInputClass()` | `<%= f.DateTimeTag() %>` | border border-gray-300 rounded-md py-1.5 px-3 focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 text-sm font-medium text-gray-700 | +| `tailush.UseFieldContainerClass()` | Not implemented yet | TBD | +| `tailush.UseErrorClass()` | Not implemented yet | TBD |