Build consistent, accessible experiences

import { Theme } from '@twilio-paste/core/theme';

function App() {
  return (
    <Theme.Provider theme="default">
      {/* Your app components */}
    </Theme.Provider>
  );
}

import { Button } from '@twilio-paste/core/button';
import { Box } from '@twilio-paste/core/box';

function MyComponent() {
  return (
    <Box padding="space60">
      <Button variant="primary">
        Click me
      </Button>
    </Box>
  );
}