How to use hig-vanilla - 10 common examples

To help you get started, we’ve selected a few hig-vanilla 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.

github Autodesk / hig / packages / react / src / adapters / GlobalNav / SideNav / ModuleAdapter.js View on Github external
function ModuleAdapter(props) {
  const { collapse, submodules } = sortChildren(
    React.Children.toArray(props.children)
  );

  return (
    
      {adapterProps => (
        <div>
          
          
          </div>
github Autodesk / hig / packages / react / src / adapters / GlobalNav / SubNav / TabAdapter.js View on Github external
function TabsAdapter(props) {
  return (
    
      {adapterProps =&gt; (
        <div>
          
          
          </div>
github Autodesk / hig / packages / react / src / adapters / GlobalNav / TopNav / HelpAdapter.js View on Github external
function HelpAdapter(props) {
  return (
    
      {adapterProps =&gt; (
        <div>
          
          
          
          </div>
github Autodesk / hig / packages / react / src / adapters / GlobalNav / TopNav / ProfileAdapter.js View on Github external
function ProfileAdapter(props) {
  return (
    
      {adapterProps =&gt; (
        <div>
          
          
          
          </div>
github Autodesk / hig / packages / react / src / adapters / GlobalNav / TopNav / TopNavAdapter.js View on Github external
function TopNavAdapter(props) {
  const {
    notifications,
    shortcut,
    search,
    profile,
    help,
    projectAccountSwitcher
  } = sortChildren(React.Children.toArray(props.children));

  return (
    
      {adapterProps =&gt; (
        <div>
          
          
          
          </div>
github Autodesk / hig / packages / react / src / adapters / GlobalNav / SideNav / SearchAdapter.js View on Github external
function SearchAdapter(props) {
  return (
    
      {adapterProps =&gt; (
        <div>
          
          
          </div>
github Autodesk / hig / packages / react / src / adapters / GlobalNav / SubNav / TabsAdapter.js View on Github external
function TabsAdapter(props) {
  return (
    
      {adapterProps =&gt; (
        <div>
          
          
            {props.children}
          
        </div>
      )}
    
  );
}
github Autodesk / hig / packages / react / src / adapters / GlobalNav / TopNav / ProjectAdapter.js View on Github external
function ProjectAdapter(props) {
  return (
    
      {adapterProps =&gt; (
        <div>
          
          
          </div>
github Autodesk / hig / packages / react / src / adapters / GlobalNav / SideNav / CollapseAdapter.js View on Github external
function ModuleAdapter(props) {
  return (
    
      {adapterProps =&gt; (
        <div>
          
          
            {(instance, value) =&gt;
              value ? instance.minimize() : instance.maximize()
            }
          </div>
github Autodesk / hig / packages / react / src / adapters / GlobalNav / SideNav / LinkAdapter.js View on Github external
function LinkAdapter(props) {
  return (
    
      {adapterProps =&gt; (
        <div>
          
          
          </div>