A collection of assets and guidelines for building consistent user experiences across OVHCloud products.

Quick links

• Storybook
• What's new
• Changelog

Requirements (only for contributing)

• Node.js with version ">= 18.17"
• Yarn with version ">= 2.4"

Installation

All the OVHCloud Design System packages are available on NPM.

yarn add @ovhcloud/ods-components @ovhcloud/ods-themes

or

npm install --save @ovhcloud/ods-components @ovhcloud/ods-themes

Usage

Components can be imported using one of:

import { Ods<Component> } from '@ovhcloud/ods-components>'
import { Ods<Component> } from '@ovhcloud/ods-components/react'
import { Ods<Component> } from '@ovhcloud/ods-components/vue'

Then, in your view, you can start using ODS components. For instance:

<ods-button label="My Button">
</ods-button>

For more detail, see our global Get Started guide

Contribute

You've developed a new cool feature? Fixed an annoying bug? We'd be happy to hear from you!

Please read Get Started guide for contributing and CONTRIBUTING.md 😃

Migration

Please read Migration pages to help you to manage the migration guides between each version of ODS.

Related links

• Contribute: https://github.com/ovh/design-system/blob/master/CONTRIBUTING.md
• Migrate from one version to another: https://github.com/ovh/design-system/blob/master/MIGRATION.md
• Troubleshoot dev issues: https://github.com/ovh/design-system/blob/master/TROUBLESHOOTING.md
• Report bugs: https://github.com/ovh/design-system/issues
• Get latest version: https://github.com/ovh/ods

License

Copyright 2023 OVH SAS

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.