āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā š shadcn/directory/nolly-studio/cult-ui/components/neumorph-eyebrow ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
<ComponentPreview name="neumorph-eyebrow-demo" className="[&_.preview>[data-orientation=vertical]]:sm:max-w-[70%]" />
npx shadcn@latest add https://cult-ui.com/r/neumorph-eyebrow.json
</TabsContent>
<TabsContent value="manual">
<Steps>
<Step>Copy and paste the following code into your project.</Step>
<ComponentSource name="neumorph-eyebrow" /><Step>Update the import paths to match your project setup.</Step>
</Steps> </TabsContent> </CodeTabs>export default function Example() {
return <NeumorphEyebrow>Featured Content</NeumorphEyebrow>
}
<div className="space-y-4">
<NeumorphEyebrow>Default Eyebrow</NeumorphEyebrow>
<NeumorphEyebrow intent="primary">Primary Eyebrow</NeumorphEyebrow>
<NeumorphEyebrow intent="secondary">Secondary Eyebrow</NeumorphEyebrow>
</div>
<NeumorphEyebrow className="font-bold">Custom Styled Eyebrow</NeumorphEyebrow>
<div className="space-y-4">
<div>
<NeumorphEyebrow>NEW</NeumorphEyebrow>
<h2>Feature Announcement</h2>
</div>
<div>
<NeumorphEyebrow intent="primary">BETA</NeumorphEyebrow>
<h2>Upcoming Feature</h2>
</div>
<div>
<NeumorphEyebrow intent="secondary">UPDATED</NeumorphEyebrow>
<h2>Recent Changes</h2>
</div>
</div>
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā