preparing to publication

README.md

@@ -1,12 +1,18 @@
 # Tailwind Dashed Border SVG
 
-A plugin for adressing issue with custamable and animatable dashed border via tailwind interface (mostly).
+A plugin for addressing issue with customizable and animatable dashed border via tailwind interface (mostly).
 
-It uses real svg under the hood what provide the maximum flexibility. Non animated border coming soon.
+It uses real svg under the hood what provide the maximum flexibility.
 
 # Setup
 
-prepare a component for svg
+for the tailwind v4 use: 
+```css
+@import "tailwindcss";
+@plugin "tailwind-dashed-border"; 
+```
+
+then prepare a component for svg, or copy this shape everywhere you want to use it.
 
 ```tsx
 export function BorderSVG() {
@@ -26,23 +32,27 @@ and now you are ready to make your borders
 </div>
 ```
 
+# Usage 
+
+
+
 # Properties
 
 ## Setup
-- dashed-border
-- dashed-border-svg
-- dashed-border-rect
+- `dashed-border`
+- `dashed-border-svg`
+- `dashed-border-rect`
 
 ## Configuration
-- dashed-border-color-[color]
-- dashed-border-width-[spacing]
-- dashed-border-length-[spacing]
-- dashed-border-gap-[spacing]
-- dashed-border-offset-[spacing]
-- dashed-border-align-["inside"/"edge"/"outside"]
-- dashed-border-align-[spacing] (0 - inside, toward the outside)
+- `dashed-border-color-[color]`
+- `dashed-border-width-[spacing]`
+- `dashed-border-length-[spacing]`
+- `dashed-border-gap-[spacing]`
+- `dashed-border-offset-[spacing]`
+- `dashed-border-align-["inside"/"edge"/"outside"]`
+- `dashed-border-align-[spacing]` (0 - inside, 1 - outside, etc.)
 
 ## Vanilla extended
-- duration-[time] 
-- [timing function] (easing-linear, ease-in-out, etc.)
-- transition-all
+- `duration-[time]` 
+- `[timing function]` (`easing-linear`, `ease-in-out`, etc.)
+- `transition-all` - animation may not work without it.