Initial project setup with Astro framework, including configuration files, a comprehensive .gitignore, and a variety of UI components for a streaming platform. Added essential styles and layout structure, along with a README detailing project features and development guidelines.
This commit is contained in:
24
src/components/ui/FormLabel.astro
Normal file
24
src/components/ui/FormLabel.astro
Normal file
@ -0,0 +1,24 @@
|
||||
---
|
||||
export interface Props {
|
||||
for?: string;
|
||||
class?: string;
|
||||
}
|
||||
|
||||
const { for: htmlFor, class: className = "", ...rest } = Astro.props;
|
||||
|
||||
const classes = ["form-label", className].filter(Boolean).join(" ");
|
||||
---
|
||||
|
||||
<label class={classes} for={htmlFor} {...rest}>
|
||||
<slot />
|
||||
</label>
|
||||
|
||||
<style>
|
||||
.form-label {
|
||||
display: block;
|
||||
font-size: var(--font-size-sm);
|
||||
font-weight: var(--font-weight-medium);
|
||||
color: var(--text-primary);
|
||||
margin-bottom: var(--spacing-2);
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user