umd-styles-library
    Preparing search index...

    Function composeSimple

    • Composable simple rich text style selector

      Creates rich text styles with configurable size, theme, color, and scaling options. This function replaces the need for multiple separate exports like simpleLarge, simpleDark, simpleLargeDark, etc.

      Parameters

      Returns JssObject

      JSS object with composed styles and appropriate className

      // Base simple text
      const styles = composeSimple();

      // Large size with dark theme
      const styles = composeSimple({ size: 'large', theme: 'dark' });

      // With explicit gray color
      const styles = composeSimple({ color: token.color.gray.dark });

      // With theme-aware subdued color
      import { theme } from '@universityofmaryland/web-utilities-library/theme';
      const styles = composeSimple({ color: theme.subdued(isThemeDark) });

      // Largest size with scaling
      const styles = composeSimple({ size: 'largest', scaling: true });

      1.7.0