nextui/apps/docs/content/components/button/loading.ts

const App = `import { Button,Grid,Loading } from '@nextui-org/react';
    
export default function App() {
  return <Grid.Container gap={2}>
  <Grid>
    <Button auto clickable={false} color="primary" css={{ px: '$13' }}>
      <Loading color="white" size="sm" />
    </Button>
  </Grid>
  <Grid>
    <Button auto clickable={false} color="secondary" css={{ px: '$13' }}>
      <Loading type="spinner" color="white" size="sm" />
    </Button>
  </Grid>
  <Grid>
    <Button auto clickable={false} color="success" css={{ px: '$13' }}>
      <Loading type="points" color="white" size="sm" />
    </Button>
  </Grid>
  <Grid>
    <Button auto clickable={false} color="warning" css={{ px: '$13' }}>
      <Loading type="points-opacity" color="white" size="sm" />
    </Button>
  </Grid>
  <Grid>
    <Button auto clickable={false} color="error" css={{ px: '$13' }}>
      <Loading type="spinner" color="white" size="sm" />
    </Button>
  </Grid>
</Grid.Container>
}
`;

const react = {
  '/App.js': App
};

export default {
  ...react
};