expedite-components 0.2.0 → 0.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 +19 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -165,6 +165,25 @@ const quoteId = ref('a0jKb000004V2dsIAC')
|
|
|
165
165
|
| `maxTokens` | Number | No | `300` | Maximum tokens for the response |
|
|
166
166
|
| `placeholder` | String | No | `"Enter your message..."` | Input placeholder text |
|
|
167
167
|
|
|
168
|
+
### Tailwind CSS Configuration
|
|
169
|
+
|
|
170
|
+
This library uses Tailwind CSS with the `ect-` prefix for all utility classes. The built CSS file (`expedite-components.css`) includes all necessary classes, including arbitrary values for:
|
|
171
|
+
|
|
172
|
+
- **Dimensions**: `ect-w-[104px]`, `ect-h-[40px]`, `ect-min-w-[200px]`, `ect-max-w-[76px]`
|
|
173
|
+
- **Colors**: `ect-bg-[#136e05]`, `ect-text-[#5F5F5F]`, `ect-border-[#DEDEDE]`
|
|
174
|
+
- **Spacing**: `ect-p-[12px_16px]`, `ect-m-[11px]`, `ect-gap-[5px]`
|
|
175
|
+
- **Typography**: `ect-text-[14px]`, `ect-leading-[1.35rem]`
|
|
176
|
+
- **Effects**: `ect-shadow-[0_-2px_4px_0px_rgba(0,0,0,0.11)]`, `ect-rounded-[4px_0px_0px_0px]`
|
|
177
|
+
- **Positioning**: `ect-top-[-1px]`, `ect-left-[-1px]`
|
|
178
|
+
- **And any other arbitrary value utility** with the `ect-` prefix
|
|
179
|
+
|
|
180
|
+
**Important for consuming projects:**
|
|
181
|
+
|
|
182
|
+
- The library's CSS is pre-built and includes all classes. You don't need to configure Tailwind to scan the library's source files.
|
|
183
|
+
- Simply import the library's CSS: `import 'expedite-components/style'`
|
|
184
|
+
- If your project also uses Tailwind, make sure your Tailwind config doesn't try to process the library's `ect-` prefixed classes. The library's classes are already compiled and included in the distributed CSS file.
|
|
185
|
+
- All arbitrary value classes are included in the built CSS via a safelist pattern, so they will work out of the box without any additional configuration.
|
|
186
|
+
|
|
168
187
|
### HTML/Web Components (Framework Agnostic)
|
|
169
188
|
|
|
170
189
|
You can use the components in any HTML page without a Vue application:
|