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
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
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 😃
Please read Migration pages to help you to manage the migration guides between each version of ODS.
- 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
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.