```jsx
<List inline padding>
  <OutlineButton brand="primary">Primary</OutlineButton>

  <OutlineButton brand="secondary">Secondary</OutlineButton>

  <OutlineButton brand="danger">Danger</OutlineButton>

  <OutlineButton brand="warning">Warning</OutlineButton>

  <OutlineButton brand="info">Info</OutlineButton>

  <OutlineButton border="purple" text="white">
    Custom
  </OutlineButton>
</List>
```