Skip to main content

UDS Base components

Allium Design System composes lower-level tooling and APIs from UDS to build a design system. One of the most important of these is a component library called UDS Base. UDS Base components are built with React Native and are completely themable, enabling them to be re-used across platforms and brands. An example of a UDS Base component used by Allium is Button.

Even though UDS Base components are built with React Native, UDS tooling enables these components to be consumed in the Allium Design System as if they were regular React components. If you're building a web application you don't need to do anything extra to use these components. Similarly if you're building an app or experience using React Native (including with expo) the components can just be used as-is from the main @telus-uds/ds-allium package.

Every UDS Base component supports a variant prop - this can be used for specifying the visual variant to use, or left off if the default is required. The variants available are documented in the components' documentation pages. UDS Base components will have a Library field of "UDS Base" on their documentation page.