interface utilisateur sémantique (REACT): menu vertical sensible en changeant à l'horizontale sur les appareils mobiles

Question

J'utilise un menu vertical (semantic ui react). Ceci est ma structure pour que:

<Grid> 
    <Grid.Column mobile={16} tablet={5} computer={5}> 
     <div className='ui secondary pointing menu vertical compact inherit'> 
      <a className='item'> 
       Element 
      </a> 
     </div> 
    </Grid.Column> 
</Grid> 

Mais je dois le menu pour devenir un menu horizontal icône sur les appareils mobiles. Est-il possible de le rendre ainsi réactif? Je veux dire sur l'ordinateur, il devrait être un menu vertical avec des éléments de texte et sur les appareils mobiles, il devrait être affiché horizontal avec des icônes ...

Answer 1

Je pense que vous cherchez variation stackable menu. En outre, vous pouvez utiliser le visibility de Grid pour les choses plus complexes.