outsystems-ui
Version:
OutSystems UI Framework
74 lines (45 loc) • 3.98 kB
Markdown
# OutSystems UI · v2.22.0
 
## About the component
Create modern experiences with fully customizable responsive Screen Templates and UI Patterns for Native Mobile and Reactive Web Apps.
| `One Framework` | `Fully Integrated` | `Responsive by Default` | `Limitless Possibilities` |
| ---------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | --------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- |
| Create seamless experiences for Reactive Web and Native Mobile Applications. | Drag and drop UI Patterns and Screen Templates from OutSystems Service Studio. | Ready-to-use Layouts and UI Patterns that automatically adapt to the device size. | Extend the styles of over 70 UI Patterns and Screen Templates to make them yours. |
### Key features
- More than 70 UI patterns
- Easily customizable and extendable design system
- Responsive UI
- Right-to-left support
- Accessibility compliance with WCAG 2.1
- Actions to deal with different device types
- Built for Reactive Web and Mobile apps
Find out more in [OutSystems UI website](https://outsystemsui.outsystems.com/OutsystemsUiWebsite/).
### Where can you find the component?
The OutSystems UI component, like all components, can be found in [OutSystems forge](https://www.outsystems.com/forge/component-overview/1385/outsystems-ui).
### Where can you find documentation?
The documentation can be found in the [OutSystems UI website](https://outsystemsui.outsystems.com/outsystemsuiwebsite/) and in [OutSystems product documentation](https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns).
We also use the [TypeDoc](https://typedoc.org/) to automatically generate documentation. TypeDoc converts comments in TypeScript source code into rendered HTML documentation, alongside UML diagrams for each class and Interface.
Take a look at it, at [OutSystemsUI Framework Documentation](https://outsystems-ui-docs.github.io/).
### Why use this component?
OutSystems UI allows you to create applications with great user experience and beautiful design at unbeatable speed. This is how all the pieces come together and how you can go from creating your first application to see it working in minutes!
## About this repository
This repository contains the code that is used to control/style the OutSystems UI patterns. The code is written in TypeScript🖤 and SCSS.</br>
You can fork it then branch it and PR your proposals!
### What tools should you use?
We highly recommend the usage of the following tools:
- [Visual Studio Code](https://code.visualstudio.com/)
- With these extensions:
- Document This
- ESLint
- Prettier - Code formatter
- [Node v12.0+](https://nodejs.org/en)
## Useful Links
- Download the latest version in [OutSystems forge](https://www.outsystems.com/forge/component-versions/1385)
- Check the [online documentation](https://outsystemsui.outsystems.com/outsystemsuiwebsite/)
- [NPM Package](https://www.npmjs.com/package/outsystems-ui)
## 📫 Have a question? Want to chat? Ran into a problem?
Write us on [the component support page](https://www.outsystems.com/forge/component-discussions/1385/OutSystems+UI)!
## How to sign up for the announcement list
Available internally on Slack channel _#rd-uicomponents-contributors_.
## Keywords
GitHub - OutSystems - OutSystemsUI - UIFramework