mirror of https://github.com/portainer/portainer
				
				
				
			
		
			
				
	
	
		
			29 lines
		
	
	
		
			641 B
		
	
	
	
		
			TypeScript
		
	
	
			
		
		
	
	
			29 lines
		
	
	
		
			641 B
		
	
	
	
		
			TypeScript
		
	
	
import { Meta } from '@storybook/react';
 | 
						|
import { useState } from 'react';
 | 
						|
 | 
						|
import { TeamsSelector } from './TeamsSelector';
 | 
						|
import { createMockTeam } from './TeamsSelector.mocks';
 | 
						|
 | 
						|
const meta: Meta = {
 | 
						|
  title: 'Components/TeamsSelector',
 | 
						|
  component: TeamsSelector,
 | 
						|
};
 | 
						|
 | 
						|
export default meta;
 | 
						|
export { Example };
 | 
						|
 | 
						|
function Example() {
 | 
						|
  const [selectedTeams, setSelectedTeams] = useState([1]);
 | 
						|
 | 
						|
  const teams = [createMockTeam(1, 'team1'), createMockTeam(2, 'team2')];
 | 
						|
 | 
						|
  return (
 | 
						|
    <TeamsSelector
 | 
						|
      value={selectedTeams}
 | 
						|
      onChange={setSelectedTeams}
 | 
						|
      teams={teams}
 | 
						|
      placeholder="Select one or more teams"
 | 
						|
    />
 | 
						|
  );
 | 
						|
}
 |