wilday_ui 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d9a81a71dc979b91c1437051a2924dc22d1c9ef0cc0923f6606d409b76b6e790
4
- data.tar.gz: ae05eaf824740f4b843b13f606a91ac49948eb9c3d68703fc5fb2cee3f0045fe
3
+ metadata.gz: f7ffc8c90a797d359b3cc6d09b0361b7fa6ff5e46d3777e0234befc758054f6a
4
+ data.tar.gz: c978c1985d1e399dcec8b381ea03ba00a4dad6981787b0acdb4e19ca512fe648
5
5
  SHA512:
6
- metadata.gz: 7e09f450b47502c3b8e479c8df576b0226ed14bcb5e8d8534b36b9b55862326c7822d30438ccd5a690c439ae835730f580bb58577362a261241b8847f392769e
7
- data.tar.gz: 8087d892f850e81b23da8f3e0a1adb143fc65d63c265f1a3154972ec6baeb02885ab406d855f0f442d5e7cb362faea6f04aa1e56499664456b88cab5adef8656
6
+ metadata.gz: 475ef6c2763c0f9a9d08653dd6f614a60c0974b574d2ceccaecdb2195ec4f8f36823aa1d764c1438824a3bd1f614ef4c68a04f4448b5b5d4d065115fe73fd2a6
7
+ data.tar.gz: 8d504d1ce4999742555579a45436e8cced42808a305f615bd35532acc3800629c156e32e367525b1dbd38032fb2fef88ead1e2eb9368c25413baf094fa772bba
data/README.md CHANGED
@@ -1,13 +1,13 @@
1
1
  # Wilday UI
2
2
 
3
- Wilday UI is a simple, customizable UI component library for Ruby on Rails projects. It includes ready-to-use components such as buttons with customizable styles, sizes, and radii, making it easy to create beautiful, consistent UI elements.
3
+ Wilday UI is a simple, customizable UI component library for Ruby on Rails projects. It includes ready-to-use components such as buttons with customizable styles, sizes, and radius, making it easy to create beautiful, consistent UI elements.
4
4
 
5
5
  ---
6
6
 
7
7
  ## Features
8
8
 
9
9
  - Prebuilt, customizable button component
10
- - Flexible variants, sizes, and border radii
10
+ - Flexible variants, sizes, and border radius
11
11
  - Easy integration with Rails as an engine
12
12
 
13
13
  ---
@@ -17,6 +17,7 @@ Wilday UI is a simple, customizable UI component library for Ruby on Rails proje
17
17
  1. **Flexibility**: Users can style component without being restricted to predefined classes.
18
18
  2. **Extensibility**: Users can add attributes or integrate component with JavaScript, analytics, or accessibility tools.
19
19
  3. **Framework Integration**: Supports utility classes from frameworks like Bootstrap or Tailwind.
20
+ 4. **Library Integration**: Support to use with other libraries like Font Awesome, Bootstrap Icons, etc.
20
21
 
21
22
  ## Installation
22
23
 
@@ -99,5 +100,3 @@ Contributions are welcome! If you’d like to help improve Wilday UI, feel free
99
100
  Wilday UI is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
100
101
 
101
102
  ---
102
-
103
- This version makes the README user-friendly and focused on practical usage, while being concise for developers exploring the gem. Let me know if you’d like further tweaks! 🚀
@@ -75,3 +75,18 @@
75
75
  .w-button-square {
76
76
  border-radius: 0; /* No rounding */
77
77
  }
78
+
79
+ /* Icon Button Styles */
80
+ .w-button-icon-left {
81
+ margin-right: 0.5rem;
82
+ }
83
+
84
+ .w-button-icon-right {
85
+ margin-left: 0.5rem;
86
+ }
87
+
88
+ .w-button-icon-left,
89
+ .w-button-icon-right {
90
+ display: inline-flex;
91
+ align-items: center;
92
+ }
@@ -6,6 +6,8 @@ module WildayUi
6
6
  variant: :primary,
7
7
  size: :medium,
8
8
  radius: :rounded,
9
+ icon: nil,
10
+ icon_position: :left,
9
11
  disabled: false,
10
12
  additional_classes: "",
11
13
  **options
@@ -35,6 +37,8 @@ module WildayUi
35
37
  variant_class: variant_class,
36
38
  size_class: size_class,
37
39
  radius_class: radius_class,
40
+ icon: icon,
41
+ icon_position: icon_position,
38
42
  additional_classes: additional_classes,
39
43
  disabled: disabled,
40
44
  attributes: options.map { |key, value| "#{key}='#{value}'" }.join(" ")
@@ -3,5 +3,11 @@
3
3
  <%= attributes %>
4
4
  <%= "disabled" if disabled %>
5
5
  >
6
+ <% if icon_position == :left && icon.present? %>
7
+ <i class="w-button-icon-left <%= icon %>"></i>
8
+ <% end %>
6
9
  <%= content %>
7
- </button>
10
+ <% if icon_position == :right && icon.present? %>
11
+ <i class="w-button-icon-right <%= icon %>"></i>
12
+ <% end %>
13
+ </button>
@@ -1,3 +1,3 @@
1
1
  module WildayUi
2
- VERSION = "0.1.0"
2
+ VERSION = "0.2.0"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: wilday_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - davidwinalda
@@ -37,7 +37,6 @@ executables: []
37
37
  extensions: []
38
38
  extra_rdoc_files: []
39
39
  files:
40
- - MIT-LICENSE
41
40
  - README.md
42
41
  - Rakefile
43
42
  - app/assets/builds/index.css
data/MIT-LICENSE DELETED
@@ -1,20 +0,0 @@
1
- Copyright davidwinalda
2
-
3
- Permission is hereby granted, free of charge, to any person obtaining
4
- a copy of this software and associated documentation files (the
5
- "Software"), to deal in the Software without restriction, including
6
- without limitation the rights to use, copy, modify, merge, publish,
7
- distribute, sublicense, and/or sell copies of the Software, and to
8
- permit persons to whom the Software is furnished to do so, subject to
9
- the following conditions:
10
-
11
- The above copyright notice and this permission notice shall be
12
- included in all copies or substantial portions of the Software.
13
-
14
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15
- EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16
- MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
17
- NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18
- LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
19
- OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
20
- WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.