diff --git a/stories/layout/breadcrumbs.stories.ts b/stories/layout/breadcrumbs.stories.ts new file mode 100644 index 0000000000000000000000000000000000000000..055f5a4c2ce79d6d0dde367382c6f57226674e25 --- /dev/null +++ b/stories/layout/breadcrumbs.stories.ts @@ -0,0 +1,47 @@ +/* + * Copyright (c) 2025 Eclipse Foundation, Inc. + * + * This program and the accompanying materials are made available under the + * terms of the Eclipse Public License v. 2.0 which is available at + * http://www.eclipse.org/legal/epl-2.0. + * + * SPDX-License-Identifier: EPL-2.0 + */ + +import '../../less/astro/main.less'; +import type { Meta, StoryObj } from '@storybook/html'; +import { container, html } from '../utils'; + +const meta: Meta = { + title: 'Layout/Breadcrumbs', + decorators: [container()], +}; + +export default meta; + +type Story = StoryObj<any>; + +export const Breadcrumbs: Story = { + render: () => { + return html` + <div class="default-breadcrumbs hidden-print" id="breadcrumb"> + <div class="row"> + <div class="col-sm-24"> + <ol aria-label="Breadcrumb" class="breadcrumb"> + <li> + <a href="https://www.eclipse.org/">Home</a> + </li> + <li> + <a href="https://www.eclipse.org/membership/">Eclipse Membership</a> + </li> + <li class="active" aria-current="page"> + <a href="https://www.eclipse.org/membership/explore-membership/">Explore Our Members</a> + </li> + </ol> + </div> + </div> + </div> + `; + }, +} +