Create an icon block to enhance [bw_dash]

[bobbingwide]

The [bw_dash] shortcode can be used to display icons from a number of fonts - dashicons, genericons, texticons and (soon) core block icons. See https://github.com/bobbingwide/oik-bob-bing-wide/issues/26

While the [bw_dash] shortcode is still necessary for use in widgets and other places where it’s not yet possible to use a block, it would be nice to be able to implement an icon block.

Many page builder plugins already provide an icon like block, with lots of different options for Size, Colour, Links etc. Our block should have similar behaviour.

Requirements

• Icon block
• Allow selection of the icon to be used
• Support colour, size, positioning
• Support links e.g. as used in [bw_post] / [bw_page]
• Allow block to be nested
• Allow a post to have a featured icon, in a similar method to a featured image.

Proposed solution

TBD

[bobbingwide]

Don't forget to look at https://github.com/FontAwesome/Font-Awesome

[bobbingwide]

For the list of dashicons to be implemented see https://oik-plugins.com/oik_shortcodes/bw_dash/ oik-bob-bing-wide plugin needs to be at 1.31.2 or higher for SVG icons to be listed.

I created the dashiconslist.js file using a new test case for oik-bob-bing-wide.

[bobbingwide]

I have decided to create two separate blocks.

Block	Type	Implementation	Purpose
oik-block/dashicon	Dynamic SSR	[bw_dash] logic	Display a dash icon
oik-block/blockicon	Static	<BlockIcon>	Display the icon for a registered block

[bobbingwide]

The oik-bbw/dashicon block was delivered in v1.34.0

See: https://www.oik-plugins.com/block/dashicon-oik-bbw-dashicon/ And https://blocks.wp-a2z.org/block/dashicon-oik-bbw-dashicon/

[bobbingwide]

The dashicon block, which now in oik-bob-bing-wide, is being updated for better front end performance to display the dashicon SVG's rather than icons from the dashicon font.

Closing this issue.