Learn Design System

  • Introduction
  • Inputs
  • Utils

Fundamentals

General

Inputs

Layout

Navigation

Modals

A Logo returns an SVG logo for the Learn Design System. It can be flat (all one color).

PropTypeNotes
flatboolean
fillstringA color.

Examples

// Overrides

import { Override } from "framer";
// @ts-ignore
import { colors } from "@framer/steveruizok.education/code";

export function LogoExample(): Override {
  return {
    flat: true,
    fill: colors.Warn
  };
}
// Code component

import * as React from "react";
import { Frame } from "framer";
// @ts-ignore
import { Logo, colors } from "@framer/steveruizok.education/code";

export const LogoExample = props => {
  return (
    <Frame size="100%" background="none">
      <Logo center flat fill={colors.Warn} />
    </Frame>
  );
};