From 142c87e3b19fa074f142a4cfbb2f352f3f892443 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Mo=C3=A7o?= <mail@nuno.site>
Date: Wed, 21 Sep 2022 23:05:54 +0100
Subject: [PATCH] Update README.md to be consistent with the new AP

---
 README.md | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index f5023b3..231decc 100644
--- a/README.md
+++ b/README.md
@@ -26,17 +26,20 @@ After that, run `mix deps.get`.
 
 The components are provided by the `Heroicons` module. Each icon is a Phoenix Component you can use in your HEEx templates.
 
-By default the outline style is used:
+By default, the icon components will use the outline style, but the `solid` or
+`mini` attributes may be passed to select styling, for example:
 
 ```eex
-<Heroicons.Solid.cake />
+<Heroicons.cake />
+<Heroicons.cake solid />
+<Heroicons.cake mini />
 ```
 
-You can render the solid or mini styles by providing the `solid` or `mini` flags:
+You can also pass arbitrary HTML attributes to the components:
 
-```eex
-<Heroicons.Solid.cake solid />
-<Heroicons.Solid.cake mini />
+ ```eex
+<Heroicons.cake class="w-2 h-2" />
+<Heroicons.cake solid class="w-2 h-2" />
 ```
 
 You can also provide arbitrary HTML attributes to the svg tag, such as classes: