Table of Content
UI components
Design system components come in two forms — in Figma and in code. For developers, components are standards-based web components that can be used in any web codebase. For designers, components are ready-made building blocks that make it easier to create high-fidelity, consistent screens. For cross-functional teams, design system components smooth collaboration and remove ambiguities. Get started with development. Get started with Figma.
Component library
Component | Figma | @riverty/web-components |
---|---|---|
Accordion | ready | |
Alert | new | |
Badge | ready | |
Button | ready | |
Checkbox | ready | |
Dialog | preview | |
Fieldset | ||
Icon | ready | |
Input | ready | |
List item | new | |
Pagination | ready | |
Progress Bar | ready | |
Progress Steps | ready | |
Radio button | ready | |
Select | ready | |
Tabs | ready | |
Textarea | ready | |
Toast | preview | |
Tooltip | ready |
Try out and feed back
We especially invite teams to try out the @riverty/web-components package. Please report bugs and suggest improvements, it's super helpful. Join the Riverty Design System Group in MS Teams.