View all @patternfly/react-styles analysis

react-styles

To help you get started, we’ve selected a few @patternfly/react-styles examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

patternfly / patternfly-react / packages / patternfly-4 / react-core / src / components / Nav / NavExpandable.tsx View on Github

{(context: any) =&gt; (
          <li>) =&gt; this.handleToggle(e, context.onToggle)}
            {...props}
          &gt;
            <a href="#" id="{srText" data-component="pf-nav-expandable"> e.preventDefault()}
              onMouseDown={e =&gt; e.preventDefault()}
              aria-expanded={expandedState}
            &gt;
              {title}</a></li>

patternfly / patternfly-react / packages / patternfly-4 / react-core / src / components / Nav / NavItem.tsx View on Github

{(context: any) =>
        React.cloneElement(child, {
          onClick: (e: MouseEvent) => context.onSelect(e, groupId, itemId, to, preventDefault, onClick),
          className: css(styles.navLink, isActive && styles.modifiers.current, child.props && child.props.className),
          'aria-current': isActive ? 'page' : null
        })
      }

patternfly / patternfly-react / packages / patternfly-4 / react-core / src / components / Nav / Nav.tsx View on Github

onClick: (
              e: React.FormEvent,
              itemId: number | string,
              groupId: number | string,
              to: string
            ) =&gt; void
          ) =&gt; this.onSelect(event, groupId, itemId, to, preventDefault, onClick),
          onToggle: (event: React.MouseEvent, groupId: number | string, expanded: boolean) =&gt;
            this.onToggle(event, groupId, expanded),
          updateScrollButtonState: this.updateScrollButtonState
        }}
      &gt;

patternfly / patternfly-react / packages / patternfly-4 / react-core / src / components / Nav / Nav.tsx View on Github

itemId: number | string,
              groupId: number | string,
              to: string
            ) =&gt; void
          ) =&gt; this.onSelect(event, groupId, itemId, to, preventDefault, onClick),
          onToggle: (event: React.MouseEvent, groupId: number | string, expanded: boolean) =&gt;
            this.onToggle(event, groupId, expanded),
          updateScrollButtonState: this.updateScrollButtonState
        }}
      &gt;
        <nav aria-label="{">
          {children}</nav>

patternfly / patternfly-react / packages / patternfly-4 / react-core / src / components / Nav / NavExpandable.tsx View on Github

{(context: any) =&gt; (
          <li>) =&gt; this.handleToggle(e, context.onToggle)}
            {...props}
          &gt;
            <a href="#" id="{srText" data-component="pf-nav-expandable"> e.preventDefault()}
              onMouseDown={e =&gt; e.preventDefault()}
              aria-expanded={expandedState}
            &gt;
              {title}
              <span></span></a></li>

How to use the @patternfly/react-styles/css/components/Nav/nav.modifiers function in @patternfly/react-styles

To help you get started, we’ve selected a few @patternfly/react-styles examples, based on popular ways it is used in public projects.

@patternfly/react-styles

Package Health Score

Popular @patternfly/react-styles functions

Similar packages