search

civictheme / uikit

UI atomic component-based library with Storybook integration
https://uikit.civictheme.io/
GNU General Public License v2.0
4 stars 2 forks source link

Add Highlight component #72

Open AlexSkrypnyk opened 6 months ago

AlexSkrypnyk commented 6 months ago

A project has surfaced the need for a Highlight content component (temporary name; may be changed as a part of this ticket).

We need to design and develop the component (UIKit and Drupal theme)

It is the orange frame in the screenshot below. The design does not have to be orange and can be completely different.

The component itself should allow to use any of the 4 status colours.

59e136a1-87ea-4b84-858c-7af731d17aeb
SteveM-aus commented 1 month ago

We (DTA) have the similar requirement for the need to have a customisable text, highlight, feature box (akin to "div" coding) for content. With customisable options such as box size and placement, text alignment, background colour, border colour, width and style,

Currently we are using the quote component, to achieve this which is the incorrect use of it, and very limited.

AlexSkrypnyk commented 1 month ago

@SteveM-aus The Quote component in UI kit is available as a part of the Content paragraph in Drupal. It is not a standalone component in Drupal (it used to be a paragraph, but we removed it as it was a duplication of effort).

With this component, could you please advise:

  1. In your view, should this be a standalone component in CMS
  2. What would you suggest the name of this component should be (ideas of 2-3 names would be ideal)
  3. What values those properties like box size, text alignment etc. should have (in your view) AND which of these values should be configurable by a content editor.
  4. If you have any designs (napkin drawings would work as well!) - please post them here.

Thank you