windmill-react-ui icon indicating copy to clipboard operation
windmill-react-ui copied to clipboard

Add new components

Open estevanmaito opened this issue 4 years ago • 0 comments

Prioritize atomic components to add when we get out of alpha.

Breadcrumbs

Improved cards

Image cards with aspect-ratio option.

Typography

Add styled variants for h* headings, display headings, normal paragraph, <code>, anchor.

Accordion and tabs

Different components, but very close in implementation.

Alert

(added on 0.4.0)

Don't leave the choice to make it inaccessible. An alert component, composed of a message, icon (danger, warning, success, etc), and a close button. Don't confuse with notifications.

<Alert type="danger" message={message} onClose={onClose} />

New buttons

File and date picker.

Button with dropdown. the foundation already exists:

<Button layout="dropdown">
  <span>Click here</span>
  <Dropdown>
    <DropdownItem>Item 1</DropdownItem>
    <DropdownItem>Item 2</DropdownItem>
  </Dropdown>
</Button>

Bigger components for future

Structural

Header, Sidebar, Footer, Navigation.

I don't see a case for touching layout with components, like columns, rows, etc.

estevanmaito avatar Jun 28 '20 00:06 estevanmaito