obra-ds-svelte

• Supports dark mode
• Fully typed
• Fully modularized CSS

Installation

npm install obra-ds-svelte

Importing a component

<script>
  import { Button } from 'obra-ds-svelte';
</script>

Development instructions

• Never set any global styles

• Reset (e.g. box-sizing) lives within the component itself

• Use the CSS custom properties to be consistent across components

• Add a Obra logo component

• Document Form Message separately (default and error states)

• Colours docs: separate the colours

• Complete the icons, they don't show every icon?