search

mi6 / ic-ui-kit

Intelligence Community UI Kit (based on StencilJS)
MIT License
23 stars 25 forks source link

Horizontal card layout option #1025

Closed DBD324 closed 1 month ago

DBD324 commented 1 year ago

Summary

Cards are often used to list a number of simple data items. The current vertical card layout does not suit these situations well as it takes up a lot of vertical space. A horizontal layout would enable more use cases to be achieved and denser layouts.

💰 User value

Provides more flexibility into the card component so it can be used in more situations. Allows denser layouts to be achieved which is important for complex applications that need to show lots of data in a single screen without scrolling.

📚 User Stories

If relevant, describe the high-level functionality as user stories.

As an ICDS user: I need a horizontal layout card So that I can show my data in a more desne layout.

📝 Acceptance Criteria

If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.

Given When Then

✏ Designs

If there's a Figma design file (or other mock-up), include it here.

 🧾 Guidance

If there's written guidance or documentation, include it here.

MI6-255 commented 1 month ago

Add guidance for this on the site

MI6-255 commented 1 month ago

Will be a canary component