# Small contribution spec

### Component overview

<table data-full-width="false"><thead><tr><th width="411">Field</th><th>Description</th></tr></thead><tbody><tr><td><strong>Component name</strong></td><td>[Insert component name]</td></tr><tr><td><strong>Type</strong></td><td>[Atom, Molecule, Organism, etc.]</td></tr><tr><td><strong>Intended purpose</strong></td><td>Short description of the purpose of the component (e.g., "To ensure proper alignment of text in mobile views.")</td></tr><tr><td><strong>Primary use case</strong></td><td>[Describe the primary scenario where this component is used.]</td></tr><tr><td><strong>Secondary use case</strong></td><td>[Optional, additional scenarios where it could be applied.]</td></tr></tbody></table>

### Existing patterns/components

<table data-full-width="false"><thead><tr><th width="410">Field</th><th>Description</th></tr></thead><tbody><tr><td><strong>Do any existing patterns fulfill this need?</strong></td><td>[Yes/No. If yes, reference the relevant pattern.]</td></tr></tbody></table>

### Interactions and behaviours

<table data-full-width="false"><thead><tr><th width="409">Field</th><th>Description</th></tr></thead><tbody><tr><td><strong>Intended user interactions</strong></td><td>[Describe basic interactions (e.g., "Button click changes state.")]</td></tr><tr><td><strong>Expected component behaviour</strong></td><td>[Define behaviour under different conditions (e.g., responsive behaviour, error states).]</td></tr></tbody></table>

### Accessibility considerations

<table data-full-width="false"><thead><tr><th width="406">Field</th><th>Description</th></tr></thead><tbody><tr><td><strong>WCAG compliance level</strong></td><td>[A, AA]</td></tr><tr><td><strong>Expected component behaviour (accessibility)</strong></td><td>[Describe basic accessibility considerations.]</td></tr><tr><td><strong>Potential accessibility challenges</strong></td><td>[List any accessibility risks, or "None."]</td></tr></tbody></table>

### User research

<table data-full-width="false"><thead><tr><th width="403">Field</th><th>Description</th></tr></thead><tbody><tr><td><strong>Research completed</strong></td><td>[Optional. Include if any user research has been done.]</td></tr><tr><td><strong>Results</strong></td><td>[Summarise results briefly if available.]</td></tr></tbody></table>

### Security requirements

<table data-full-width="false"><thead><tr><th width="401">Field</th><th>Description</th></tr></thead><tbody><tr><td><strong>Security considerations</strong></td><td>[Describe any minor security concerns if applicable.]</td></tr><tr><td><strong>Data handling requirements</strong></td><td>[Describe handling of sensitive data, or "None."]</td></tr><tr><td><strong>Privacy concerns</strong></td><td>[Any privacy issues, or "None."]</td></tr></tbody></table>

### Submission details

<table data-full-width="false"><thead><tr><th width="405">Field</th><th>Description</th></tr></thead><tbody><tr><td><strong>Submitted by</strong></td><td>[Contributor's nName]</td></tr><tr><td><strong>Date</strong></td><td>[Submission date]</td></tr><tr><td><strong>Contact information</strong></td><td>[Name, Email or GitHub username]</td></tr></tbody></table>

***

## Feedback

We're always looking at ways to improve our model for contributions, and rely on your feedback to ensure an enjoyable contribution experience. The best way to give us feedback is to join our [Slack channel ](https://drupal.slack.com/archives/C039UV0CQBZ)and chat to us there, or contact us via [email](mailto:support@civictheme.io)!