Giter Club home page Giter Club logo

Comments (7)

Naaaaiix avatar Naaaaiix commented on June 9, 2024

Hello again ๐Ÿ˜„
just pushed a new testing and enhanced version for ColorControl component. Still a prototype, but with some new features like Gradient Picker. You'll find an easy way to test it on the first tab of Image Box Extra block.
There are two different possibilities really similar on the frontend, but I recommend check the code on src/components/color-control/test/index.js to see the main difference and how the components has been adapted for each situation.
You'll find this two different options as 'Color Test 1' and 'Color Test 2'. The main difference is that the first is using native WP GradientPicker component and the other one is using GradientPicker custom component. The reason why I prepared two different versions is that the custom component is a popover itself, and can't be integrate with PopoverControl. This makes the code needs more adjustments and leaves some disabled features, like no possibility to adapt the buttons.

As I said is a prototype, and the idea is, once solved this first steps, to add automatic styling to the object and animations on the buttons, like having the icon as default and the decided color once is selected.

Let me know you suggestions, opinions and comments ๐Ÿ˜ƒ

from maxi-blocks.

hrachbkweb avatar hrachbkweb commented on June 9, 2024

image

We need to change this settings icons to color wheel icon, would be nice to have an icon property or another way to change it.

from maxi-blocks.

Naaaaiix avatar Naaaaiix commented on June 9, 2024

ColorControl has been update, check it on wiki

from maxi-blocks.

elzadj avatar elzadj commented on June 9, 2024

Default gradient icon = iconsSettings.gradient

from maxi-blocks.

Naaaaiix avatar Naaaaiix commented on June 9, 2024

Default gradient icon = iconsSettings.gradient

I put it yesterday, right?

from maxi-blocks.

elzadj avatar elzadj commented on June 9, 2024

ColorControl Component ยท yeahcan gutenberg-extra Wiki

from maxi-blocks.

Naaaaiix avatar Naaaaiix commented on June 9, 2024

Done!

from maxi-blocks.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.